import { AlignContentProp, AlignItemsProp, ColumnGapProp, GapProp, GridAutoColumnsProp, GridAutoFlowProp, GridAutoRowsProp, GridTemplateColumnsValue, GridTemplateRowsValue, JustifyContentProp, JustifyItemsProp, ResponsiveProp, RowGapProp, SpacingValue } from "../../styling";
import { ComponentProps, ReactNode } from "react";
import { InternalProps, OmitInternalProps, SlotProps, StyledComponentProps } from "../../shared";
export declare function repeat(count: number | "auto-fill" | "auto-fit", repetition: SpacingValue | SpacingValue[]): string;
export declare function minmax(min: SpacingValue, max: SpacingValue): string;
export declare function fitContent(dimension: SpacingValue): string;
declare const DefaultElement = "div";
export interface InnerGridProps extends SlotProps, InternalProps, Omit<StyledComponentProps<typeof DefaultElement>, "alignContent" | "alignItems" | "columnGap" | "display" | "gap" | "gridAutoColumns" | "gridAutoRows" | "gridAutoFlow" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "rowGap"> {
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content).
     */
    alignContent?: AlignContentProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items).
     */
    alignItems?: AlignItemsProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas).
     */
    areas?: ResponsiveProp<string[]>;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns).
     */
    autoColumns?: GridAutoColumnsProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow).
     */
    autoFlow?: GridAutoFlowProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows).
     */
    autoRows?: GridAutoRowsProp;
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap).
     */
    columnGap?: ColumnGapProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap).
     */
    gap?: GapProp;
    /**
     * Whether or not the element generate line breaks before or after himself.
     */
    inline?: boolean;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content).
     */
    justifyContent?: JustifyContentProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items).
     */
    justifyItems?: JustifyItemsProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap).
     */
    rowGap?: RowGapProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns).
     */
    templateColumns?: ResponsiveProp<GridTemplateColumnsValue | GridTemplateColumnsValue[]>;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows).
     */
    templateRows?: ResponsiveProp<GridTemplateRowsValue | GridTemplateRowsValue[]>;
}
export declare function InnerGrid({ areas, as, autoColumns, autoFlow, autoRows, children, forwardedRef, inline, templateColumns, templateRows, ...rest }: InnerGridProps): JSX.Element;
export declare namespace InnerGrid {
    var defaultElement: string;
}
/**
 * A layout container using grid.
 *
 * [Documentation](https://orbit.sharegate.design/?path=/docs/grid--areas)
*/
export declare const Grid: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerGridProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type GridProps = ComponentProps<typeof Grid>;
export {};