export declare const GridContainer: import("styled-components").StyledComponent<"div", any, import("react").HTMLAttributes<HTMLDivElement> & import("../../utilities/types").GenericProps & import("./types").GridControls & {
    breakpointSM?: (import("./types").GridControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointMD?: (import("./types").GridControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointLG?: (import("./types").GridControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointXL?: (import("./types").GridControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointXXL?: (import("./types").GridControls & {
        [key: string]: string | number;
    }) | undefined;
    display?: "grid" | "inline-grid" | undefined;
}, never>;
export declare const GridItemContainer: import("styled-components").StyledComponent<"div", any, import("react").HTMLAttributes<HTMLDivElement> & import("../../utilities/types").GenericProps & import("./types").GridItemControls & {
    breakpointSM?: (import("./types").GridItemControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointMD?: (import("./types").GridItemControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointLG?: (import("./types").GridItemControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointXL?: (import("./types").GridItemControls & {
        [key: string]: string | number;
    }) | undefined;
    breakpointXXL?: (import("./types").GridItemControls & {
        [key: string]: string | number;
    }) | undefined;
}, never>;
