import { type PropType } from 'vue';
import type { GridBreakpoints } from './Grid.context';
type StyleProp<T> = T | Partial<Record<string, T>>;
export declare const GridVariables: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    selector: {
        type: StringConstructor;
        required: true;
    };
    gap: {
        type: PropType<StyleProp<string | number>>;
        default: undefined;
    };
    rowGap: {
        type: PropType<StyleProp<string | number>>;
        default: undefined;
    };
    columnGap: {
        type: PropType<StyleProp<string | number>>;
        default: undefined;
    };
    breakpoints: {
        type: PropType<GridBreakpoints>;
        default: undefined;
    };
    type: {
        type: PropType<"container" | "media">;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    selector: {
        type: StringConstructor;
        required: true;
    };
    gap: {
        type: PropType<StyleProp<string | number>>;
        default: undefined;
    };
    rowGap: {
        type: PropType<StyleProp<string | number>>;
        default: undefined;
    };
    columnGap: {
        type: PropType<StyleProp<string | number>>;
        default: undefined;
    };
    breakpoints: {
        type: PropType<GridBreakpoints>;
        default: undefined;
    };
    type: {
        type: PropType<"container" | "media">;
        default: undefined;
    };
}>> & Readonly<{}>, {
    breakpoints: GridBreakpoints;
    type: "media" | "container";
    columnGap: StyleProp<string | number>;
    rowGap: StyleProp<string | number>;
    gap: StyleProp<string | number>;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export {};
