/// <reference types="react" />
/// <reference types="hoist-non-react-statics" />
import { GridGapProps, GridRowGapProps, GridTemplateColumnsProps, GridTemplateAreasProps, GridAutoFlowProps, GridAutoColumnsProps, GridAutoRowsProps, AlignItemsProps, JustifyItemsProps, JustifyContentProps } from 'styled-system';
import { Box } from '../Box';
export declare type GridProps = React.ComponentProps<typeof Box> & GridGapProps & GridRowGapProps & GridAutoFlowProps & GridAutoFlowProps & GridTemplateColumnsProps & GridTemplateAreasProps & GridAutoColumnsProps & GridAutoRowsProps & AlignItemsProps & JustifyItemsProps & JustifyContentProps;
export declare const Grid: string & import("styled-components").StyledComponentBase<"div", import("styled-components").DefaultTheme, (import("styled-system").MinWidthProps<string | number> & import("styled-system").MaxWidthProps<string | number> & import("styled-system").WidthProps<string | number> & import("styled-system").HeightProps<string | number> & import("styled-system").LineHeightProps<string | number> & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").BorderProps<string | number> & import("styled-system").BorderTopProps<string | number> & import("styled-system").BorderRightProps<string | number> & import("styled-system").BorderBottomProps<string | number> & import("styled-system").BorderLeftProps<string | number> & import("styled-system").BorderColorProps & import("styled-system").BorderWidthProps<string | number> & import("styled-system").BorderRadiusProps<string | number> & import("styled-system").TextAlignProps & import("styled-system").BoxShadowProps & import("../../styles/themeTypes").ScaleProps & Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & {
    as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
    forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
} & GridGapProps<string | number> & GridRowGapProps<string | number> & GridAutoFlowProps & GridTemplateColumnsProps<string | number> & GridTemplateAreasProps & GridAutoColumnsProps<string | number> & GridAutoRowsProps<string | number> & AlignItemsProps & JustifyItemsProps & JustifyContentProps) | (import("styled-system").MinWidthProps<string | number> & import("styled-system").MaxWidthProps<string | number> & import("styled-system").WidthProps<string | number> & import("styled-system").HeightProps<string | number> & import("styled-system").LineHeightProps<string | number> & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").BorderProps<string | number> & import("styled-system").BorderTopProps<string | number> & import("styled-system").BorderRightProps<string | number> & import("styled-system").BorderBottomProps<string | number> & import("styled-system").BorderLeftProps<string | number> & import("styled-system").BorderColorProps & import("styled-system").BorderWidthProps<string | number> & import("styled-system").BorderRadiusProps<string | number> & import("styled-system").TextAlignProps & import("styled-system").BoxShadowProps & import("../../styles/themeTypes").ScaleProps & Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & {
    children?: import("react").ReactNode;
} & {
    as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
    forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
} & GridGapProps<string | number> & GridRowGapProps<string | number> & GridAutoFlowProps & GridTemplateColumnsProps<string | number> & GridTemplateAreasProps & GridAutoColumnsProps<string | number> & GridAutoRowsProps<string | number> & AlignItemsProps & JustifyItemsProps & JustifyContentProps), never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
    Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, (import("styled-system").MinWidthProps<string | number> & import("styled-system").MaxWidthProps<string | number> & import("styled-system").WidthProps<string | number> & import("styled-system").HeightProps<string | number> & import("styled-system").LineHeightProps<string | number> & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").BorderProps<string | number> & import("styled-system").BorderTopProps<string | number> & import("styled-system").BorderRightProps<string | number> & import("styled-system").BorderBottomProps<string | number> & import("styled-system").BorderLeftProps<string | number> & import("styled-system").BorderColorProps & import("styled-system").BorderWidthProps<string | number> & import("styled-system").BorderRadiusProps<string | number> & import("styled-system").TextAlignProps & import("styled-system").BoxShadowProps & import("../../styles/themeTypes").ScaleProps & Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
        theme?: import("styled-components").DefaultTheme | undefined;
    } & {
        as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
        forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
    } & import("styled-system").GridColumnProps & import("styled-system").GridRowProps & import("styled-system").GridAreaProps) | (import("styled-system").MinWidthProps<string | number> & import("styled-system").MaxWidthProps<string | number> & import("styled-system").WidthProps<string | number> & import("styled-system").HeightProps<string | number> & import("styled-system").LineHeightProps<string | number> & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").BorderProps<string | number> & import("styled-system").BorderTopProps<string | number> & import("styled-system").BorderRightProps<string | number> & import("styled-system").BorderBottomProps<string | number> & import("styled-system").BorderLeftProps<string | number> & import("styled-system").BorderColorProps & import("styled-system").BorderWidthProps<string | number> & import("styled-system").BorderRadiusProps<string | number> & import("styled-system").TextAlignProps & import("styled-system").BoxShadowProps & import("../../styles/themeTypes").ScaleProps & Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
        theme?: import("styled-components").DefaultTheme | undefined;
    } & {
        children?: import("react").ReactNode;
    } & {
        as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
        forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
    } & import("styled-system").GridColumnProps & import("styled-system").GridRowProps & import("styled-system").GridAreaProps), never>;
};
//# sourceMappingURL=Grid.d.ts.map