import { Responsive } from './util';

declare const gapValues: readonly [{
    readonly key: "0";
    readonly value: "var(--teddy-spacing-0)";
}, {
    readonly key: "10";
    readonly value: "var(--teddy-spacing-10)";
}, {
    readonly key: "25";
    readonly value: "var(--teddy-spacing-25)";
}, {
    readonly key: "50";
    readonly value: "var(--teddy-spacing-50)";
}, {
    readonly key: "100";
    readonly value: "var(--teddy-spacing-100)";
}, {
    readonly key: "150";
    readonly value: "var(--teddy-spacing-150)";
}, {
    readonly key: "200";
    readonly value: "var(--teddy-spacing-200)";
}, {
    readonly key: "250";
    readonly value: "var(--teddy-spacing-250)";
}, {
    readonly key: "300";
    readonly value: "var(--teddy-spacing-300)";
}, {
    readonly key: "400";
    readonly value: "var(--teddy-spacing-400)";
}, {
    readonly key: "600";
    readonly value: "var(--teddy-spacing-600)";
}, {
    readonly key: "800";
    readonly value: "var(--teddy-spacing-800)";
}, {
    readonly key: "1000";
    readonly value: "var(--teddy-spacing-1000)";
}, {
    readonly key: "1200";
    readonly value: "var(--teddy-spacing-1200)";
}, {
    readonly key: "1600";
    readonly value: "var(--teddy-spacing-1600)";
}, {
    readonly key: "gutter-sm";
    readonly value: "var(--teddy-spacing-gutter-sm)";
}, {
    readonly key: "gutter-md";
    readonly value: "var(--teddy-spacing-gutter-md)";
}, {
    readonly key: "gutter-lg";
    readonly value: "var(--teddy-spacing-gutter-lg)";
}, {
    readonly key: "gutter-xl";
    readonly value: "var(--teddy-spacing-gutter-xl)";
}, {
    readonly key: "page-padding-sm";
    readonly value: "var(--teddy-spacing-page-padding-sm)";
}, {
    readonly key: "page-padding-md";
    readonly value: "var(--teddy-spacing-page-padding-md)";
}, {
    readonly key: "page-padding-lg";
    readonly value: "var(--teddy-spacing-page-padding-lg)";
}, {
    readonly key: "page-padding-xl";
    readonly value: "var(--teddy-spacing-page-padding-xl)";
}];
export declare const gap: readonly [{
    readonly key: "gap";
    readonly className: "teddy-gap";
    readonly values: readonly [{
        readonly key: "0";
        readonly value: "var(--teddy-spacing-0)";
    }, {
        readonly key: "10";
        readonly value: "var(--teddy-spacing-10)";
    }, {
        readonly key: "25";
        readonly value: "var(--teddy-spacing-25)";
    }, {
        readonly key: "50";
        readonly value: "var(--teddy-spacing-50)";
    }, {
        readonly key: "100";
        readonly value: "var(--teddy-spacing-100)";
    }, {
        readonly key: "150";
        readonly value: "var(--teddy-spacing-150)";
    }, {
        readonly key: "200";
        readonly value: "var(--teddy-spacing-200)";
    }, {
        readonly key: "250";
        readonly value: "var(--teddy-spacing-250)";
    }, {
        readonly key: "300";
        readonly value: "var(--teddy-spacing-300)";
    }, {
        readonly key: "400";
        readonly value: "var(--teddy-spacing-400)";
    }, {
        readonly key: "600";
        readonly value: "var(--teddy-spacing-600)";
    }, {
        readonly key: "800";
        readonly value: "var(--teddy-spacing-800)";
    }, {
        readonly key: "1000";
        readonly value: "var(--teddy-spacing-1000)";
    }, {
        readonly key: "1200";
        readonly value: "var(--teddy-spacing-1200)";
    }, {
        readonly key: "1600";
        readonly value: "var(--teddy-spacing-1600)";
    }, {
        readonly key: "gutter-sm";
        readonly value: "var(--teddy-spacing-gutter-sm)";
    }, {
        readonly key: "gutter-md";
        readonly value: "var(--teddy-spacing-gutter-md)";
    }, {
        readonly key: "gutter-lg";
        readonly value: "var(--teddy-spacing-gutter-lg)";
    }, {
        readonly key: "gutter-xl";
        readonly value: "var(--teddy-spacing-gutter-xl)";
    }, {
        readonly key: "page-padding-sm";
        readonly value: "var(--teddy-spacing-page-padding-sm)";
    }, {
        readonly key: "page-padding-md";
        readonly value: "var(--teddy-spacing-page-padding-md)";
    }, {
        readonly key: "page-padding-lg";
        readonly value: "var(--teddy-spacing-page-padding-lg)";
    }, {
        readonly key: "page-padding-xl";
        readonly value: "var(--teddy-spacing-page-padding-xl)";
    }];
}, {
    readonly key: "gapX";
    readonly className: "teddy-cg";
    readonly values: readonly [{
        readonly key: "0";
        readonly value: "var(--teddy-spacing-0)";
    }, {
        readonly key: "10";
        readonly value: "var(--teddy-spacing-10)";
    }, {
        readonly key: "25";
        readonly value: "var(--teddy-spacing-25)";
    }, {
        readonly key: "50";
        readonly value: "var(--teddy-spacing-50)";
    }, {
        readonly key: "100";
        readonly value: "var(--teddy-spacing-100)";
    }, {
        readonly key: "150";
        readonly value: "var(--teddy-spacing-150)";
    }, {
        readonly key: "200";
        readonly value: "var(--teddy-spacing-200)";
    }, {
        readonly key: "250";
        readonly value: "var(--teddy-spacing-250)";
    }, {
        readonly key: "300";
        readonly value: "var(--teddy-spacing-300)";
    }, {
        readonly key: "400";
        readonly value: "var(--teddy-spacing-400)";
    }, {
        readonly key: "600";
        readonly value: "var(--teddy-spacing-600)";
    }, {
        readonly key: "800";
        readonly value: "var(--teddy-spacing-800)";
    }, {
        readonly key: "1000";
        readonly value: "var(--teddy-spacing-1000)";
    }, {
        readonly key: "1200";
        readonly value: "var(--teddy-spacing-1200)";
    }, {
        readonly key: "1600";
        readonly value: "var(--teddy-spacing-1600)";
    }, {
        readonly key: "gutter-sm";
        readonly value: "var(--teddy-spacing-gutter-sm)";
    }, {
        readonly key: "gutter-md";
        readonly value: "var(--teddy-spacing-gutter-md)";
    }, {
        readonly key: "gutter-lg";
        readonly value: "var(--teddy-spacing-gutter-lg)";
    }, {
        readonly key: "gutter-xl";
        readonly value: "var(--teddy-spacing-gutter-xl)";
    }, {
        readonly key: "page-padding-sm";
        readonly value: "var(--teddy-spacing-page-padding-sm)";
    }, {
        readonly key: "page-padding-md";
        readonly value: "var(--teddy-spacing-page-padding-md)";
    }, {
        readonly key: "page-padding-lg";
        readonly value: "var(--teddy-spacing-page-padding-lg)";
    }, {
        readonly key: "page-padding-xl";
        readonly value: "var(--teddy-spacing-page-padding-xl)";
    }];
}, {
    readonly key: "gapY";
    readonly className: "teddy-rg";
    readonly values: readonly [{
        readonly key: "0";
        readonly value: "var(--teddy-spacing-0)";
    }, {
        readonly key: "10";
        readonly value: "var(--teddy-spacing-10)";
    }, {
        readonly key: "25";
        readonly value: "var(--teddy-spacing-25)";
    }, {
        readonly key: "50";
        readonly value: "var(--teddy-spacing-50)";
    }, {
        readonly key: "100";
        readonly value: "var(--teddy-spacing-100)";
    }, {
        readonly key: "150";
        readonly value: "var(--teddy-spacing-150)";
    }, {
        readonly key: "200";
        readonly value: "var(--teddy-spacing-200)";
    }, {
        readonly key: "250";
        readonly value: "var(--teddy-spacing-250)";
    }, {
        readonly key: "300";
        readonly value: "var(--teddy-spacing-300)";
    }, {
        readonly key: "400";
        readonly value: "var(--teddy-spacing-400)";
    }, {
        readonly key: "600";
        readonly value: "var(--teddy-spacing-600)";
    }, {
        readonly key: "800";
        readonly value: "var(--teddy-spacing-800)";
    }, {
        readonly key: "1000";
        readonly value: "var(--teddy-spacing-1000)";
    }, {
        readonly key: "1200";
        readonly value: "var(--teddy-spacing-1200)";
    }, {
        readonly key: "1600";
        readonly value: "var(--teddy-spacing-1600)";
    }, {
        readonly key: "gutter-sm";
        readonly value: "var(--teddy-spacing-gutter-sm)";
    }, {
        readonly key: "gutter-md";
        readonly value: "var(--teddy-spacing-gutter-md)";
    }, {
        readonly key: "gutter-lg";
        readonly value: "var(--teddy-spacing-gutter-lg)";
    }, {
        readonly key: "gutter-xl";
        readonly value: "var(--teddy-spacing-gutter-xl)";
    }, {
        readonly key: "page-padding-sm";
        readonly value: "var(--teddy-spacing-page-padding-sm)";
    }, {
        readonly key: "page-padding-md";
        readonly value: "var(--teddy-spacing-page-padding-md)";
    }, {
        readonly key: "page-padding-lg";
        readonly value: "var(--teddy-spacing-page-padding-lg)";
    }, {
        readonly key: "page-padding-xl";
        readonly value: "var(--teddy-spacing-page-padding-xl)";
    }];
}];
export type GapProps = {
    /**
     * The gap between items in horizontal and vertical directions. It can be a number, 'none' or a responsive value.
     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
     * @example gap={{ sm: '100', md: '200' }}
     * @default '100'
     */
    gap?: Responsive<(typeof gapValues)[number]['key']>;
    /**
     * The gap between grid items in horizontal direction. It can be a number, 'none' or a responsive value.
     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
     * @example gap={{ sm: '100', md: '200' }}
     * @default '100'
     */
    gapX?: Responsive<(typeof gapValues)[number]['key']>;
    /**
     * The gap between grid items in vertical direction. It can be a number, 'none' or a responsive value.
     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
     * @example gap={{ sm: '100', md: '200' }}
     * @default '100'
     */
    gapY?: Responsive<(typeof gapValues)[number]['key']>;
};
export {};