import { type RecipeVariants } from '@vanilla-extract/recipes';
import { cssLayerComponent } from '../../styles/layers.css';
export declare const gridContainer: string;
export declare const gridContainerStyle: string;
export declare const gridVariants: import("@vanilla-extract/recipes").RuntimeFn<{
    columns: {
        '1': {};
        '2': {
            '@layer': {
                [cssLayerComponent]: {
                    '@container': {
                        [x: string]: {
                            gridTemplateColumns: "repeat(2, 1fr)";
                        } | {
                            gridTemplateColumns: "repeat(3, 1fr)";
                        };
                    };
                };
            };
        };
        '3': {
            '@layer': {
                [cssLayerComponent]: {
                    '@container': {
                        [x: string]: {
                            gridTemplateColumns: "repeat(2, 1fr)";
                        } | {
                            gridTemplateColumns: "repeat(3, 1fr)";
                        };
                    };
                };
            };
        };
        '4': string;
        '5': (string | {
            '@layer': {
                [cssLayerComponent]: {
                    '@container': {
                        [x: string]: {
                            gridTemplateColumns: "repeat(5, 1fr)";
                        };
                    };
                };
            };
        })[];
    };
}>;
export type GridVariants = NonNullable<RecipeVariants<typeof gridVariants>>;
export declare const gridItemContainerStyle: string;
export declare const gridItemStyle: string;
export declare const indicatorStyle: string;
export declare const checkboxStyle: string;
export declare const radioButtonStyle: string;
export declare const labelStyle: string;
export declare const descriptionStyle: string;
//# sourceMappingURL=OptionGrid.css.d.ts.map