import { Theme } from '../theme';
export declare const containerBase: (t?: Theme) => string;
export declare const rowBase: (t?: Theme) => string;
export declare const columnBase: (t?: Theme) => string;
export declare const rowVariant: {
    noPadding: string;
    wrap: string;
    top: string;
    bottom: string;
    center: string;
    stretch: string;
    baseline: string;
};
export declare const columnVariant: {
    offset10: string;
    offset20: string;
    offset25: string;
    offset33: string;
    offset34: string;
    offset50: string;
    offset66: string;
    offset67: string;
    offset75: string;
    offset80: string;
    offset90: string;
    width10: string;
    width20: string;
    width25: string;
    width33: string;
    width34: string;
    width40: string;
    width50: string;
    width60: string;
    width66: string;
    width67: string;
    width75: string;
    width80: string;
    width90: string;
    top: string;
    bottom: string;
    center: string;
};
export declare const containerStyles: (t?: Theme) => string;
export declare const columnStyles: (t?: Theme) => string;
export declare const rowStyles: (t?: Theme) => string;
export declare const gridStyles: (t?: Theme) => string;
export declare const container: {
    base: (t?: Theme) => string;
    styles: (t?: Theme) => string;
};
export declare const row: {
    base: (t?: Theme) => string;
    variant: {
        noPadding: string;
        wrap: string;
        top: string;
        bottom: string;
        center: string;
        stretch: string;
        baseline: string;
    };
    styles: (t?: Theme) => string;
};
export declare const column: {
    base: (t?: Theme) => string;
    variant: {
        offset10: string;
        offset20: string;
        offset25: string;
        offset33: string;
        offset34: string;
        offset50: string;
        offset66: string;
        offset67: string;
        offset75: string;
        offset80: string;
        offset90: string;
        width10: string;
        width20: string;
        width25: string;
        width33: string;
        width34: string;
        width40: string;
        width50: string;
        width60: string;
        width66: string;
        width67: string;
        width75: string;
        width80: string;
        width90: string;
        top: string;
        bottom: string;
        center: string;
    };
    styles: (t?: Theme) => string;
};
export declare const grid: {
    styles: (t?: Theme) => string;
    container: {
        base: (t?: Theme) => string;
        styles: (t?: Theme) => string;
    };
    row: {
        base: (t?: Theme) => string;
        variant: {
            noPadding: string;
            wrap: string;
            top: string;
            bottom: string;
            center: string;
            stretch: string;
            baseline: string;
        };
        styles: (t?: Theme) => string;
    };
    column: {
        base: (t?: Theme) => string;
        variant: {
            offset10: string;
            offset20: string;
            offset25: string;
            offset33: string;
            offset34: string;
            offset50: string;
            offset66: string;
            offset67: string;
            offset75: string;
            offset80: string;
            offset90: string;
            width10: string;
            width20: string;
            width25: string;
            width33: string;
            width34: string;
            width40: string;
            width50: string;
            width60: string;
            width66: string;
            width67: string;
            width75: string;
            width80: string;
            width90: string;
            top: string;
            bottom: string;
            center: string;
        };
        styles: (t?: Theme) => string;
    };
};
//# sourceMappingURL=grid.d.ts.map