import type { PropType } from 'vue';
declare type Target = {
    [x: string]: any;
    lg?: {
        value: number;
        areas: string | never[];
    };
    md?: {
        value: number;
        areas: string | never[];
    };
    sm?: {
        value: number;
        areas: string | never[];
    };
    xs?: {
        value: number;
        areas: string | never[];
    };
    xl?: {
        value: number;
        areas: string | never[];
    };
};
declare type GridAreas = string[][];
declare type GridReactive = Target[];
declare const _default: import("vue").DefineComponent<{
    reactive: {
        type: PropType<GridReactive>;
        default: () => never[];
    };
    columns: {
        type: StringConstructor;
        default: string;
    };
    rows: {
        type: StringConstructor;
        default: string;
    };
    areas: {
        type: PropType<GridAreas>;
        default: () => never[];
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
        default: string;
    };
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        reactive: {
            type: PropType<GridReactive>;
            default: () => never[];
        };
        columns: {
            type: StringConstructor;
            default: string;
        };
        rows: {
            type: StringConstructor;
            default: string;
        };
        areas: {
            type: PropType<GridAreas>;
            default: () => never[];
        };
        gap: {
            type: StringConstructor;
            default: string;
        };
        height: {
            type: StringConstructor;
            default: string;
        };
    }>> & {}>>;
    areas: import("vue").Ref<any>;
    columns: import("vue").Ref<any>;
    rows: import("vue").Ref<any>;
    gap: import("vue").Ref<any>;
    breakpoint: {
        lg: {
            value: number;
            areas: never[];
            columns: string;
            rows: string;
            gap: string;
        };
        md: {
            value: number;
            areas: never[];
            columns: string;
            rows: string;
            gap: string;
        };
        sm: {
            value: number;
            areas: never[];
            columns: string;
            rows: string;
            gap: string;
        };
        xs: {
            value: number;
            areas: never[];
            columns: string;
            rows: string;
            gap: string;
        };
        xl: {
            value: number;
            areas: never[];
            columns: string;
            rows: string;
            gap: string;
        };
    };
    _config: import("vue").Ref<any>;
    ns: {
        b: (blockSuffix?: string) => string;
        e: (element?: string | undefined) => string;
        m: (modifier?: string | undefined) => string;
        is: (name: string, ...args: [boolean | undefined] | []) => string;
        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
    };
    style: import("vue").ComputedRef<{
        'grid-template-columns': any;
        'grid-template-rows': any;
        'grid-template-areas': any;
        'grid-gap': any;
        height: string;
    }>;
    extend: (target: Target, ...args: Record<string, any>[]) => Target;
    init: () => void;
    areasTransform: (data: string[][]) => string;
    getAreas: () => void;
    setGridAttributes: (res: {
        [x: string]: string[][];
    }) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    reactive: {
        type: PropType<GridReactive>;
        default: () => never[];
    };
    columns: {
        type: StringConstructor;
        default: string;
    };
    rows: {
        type: StringConstructor;
        default: string;
    };
    areas: {
        type: PropType<GridAreas>;
        default: () => never[];
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    height: string;
    reactive: GridReactive;
    columns: string;
    rows: string;
    areas: GridAreas;
    gap: string;
}>;
export default _default;