export declare const ElGridLayout: import("../../utils/vue/types").SFCWithInstall<import("vue").DefineComponent<{
    reactive: {
        type: import("vue").PropType<{
            [x: string]: any;
            lg?: {
                value: number;
                areas: string | never[];
            } | undefined;
            md?: {
                value: number;
                areas: string | never[];
            } | undefined;
            sm?: {
                value: number;
                areas: string | never[];
            } | undefined;
            xs?: {
                value: number;
                areas: string | never[];
            } | undefined;
            xl?: {
                value: number;
                areas: string | never[];
            } | undefined;
        }[]>;
        default: () => never[];
    };
    columns: {
        type: StringConstructor;
        default: string;
    };
    rows: {
        type: StringConstructor;
        default: string;
    };
    areas: {
        type: import("vue").PropType<string[][]>;
        default: () => never[];
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
        default: string;
    };
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        reactive: {
            type: import("vue").PropType<{
                [x: string]: any;
                lg?: {
                    value: number;
                    areas: string | never[];
                } | undefined;
                md?: {
                    value: number;
                    areas: string | never[];
                } | undefined;
                sm?: {
                    value: number;
                    areas: string | never[];
                } | undefined;
                xs?: {
                    value: number;
                    areas: string | never[];
                } | undefined;
                xl?: {
                    value: number;
                    areas: string | never[];
                } | undefined;
            }[]>;
            default: () => never[];
        };
        columns: {
            type: StringConstructor;
            default: string;
        };
        rows: {
            type: StringConstructor;
            default: string;
        };
        areas: {
            type: import("vue").PropType<string[][]>;
            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: {
        [x: string]: any;
        lg?: {
            value: number;
            areas: string | never[];
        } | undefined;
        md?: {
            value: number;
            areas: string | never[];
        } | undefined;
        sm?: {
            value: number;
            areas: string | never[];
        } | undefined;
        xs?: {
            value: number;
            areas: string | never[];
        } | undefined;
        xl?: {
            value: number;
            areas: string | never[];
        } | undefined;
    }, ...args: Record<string, any>[]) => {
        [x: string]: any;
        lg?: {
            value: number;
            areas: string | never[];
        } | undefined;
        md?: {
            value: number;
            areas: string | never[];
        } | undefined;
        sm?: {
            value: number;
            areas: string | never[];
        } | undefined;
        xs?: {
            value: number;
            areas: string | never[];
        } | undefined;
        xl?: {
            value: number;
            areas: string | never[];
        } | undefined;
    };
    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: import("vue").PropType<{
            [x: string]: any;
            lg?: {
                value: number;
                areas: string | never[];
            } | undefined;
            md?: {
                value: number;
                areas: string | never[];
            } | undefined;
            sm?: {
                value: number;
                areas: string | never[];
            } | undefined;
            xs?: {
                value: number;
                areas: string | never[];
            } | undefined;
            xl?: {
                value: number;
                areas: string | never[];
            } | undefined;
        }[]>;
        default: () => never[];
    };
    columns: {
        type: StringConstructor;
        default: string;
    };
    rows: {
        type: StringConstructor;
        default: string;
    };
    areas: {
        type: import("vue").PropType<string[][]>;
        default: () => never[];
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    height: string;
    reactive: {
        [x: string]: any;
        lg?: {
            value: number;
            areas: string | never[];
        } | undefined;
        md?: {
            value: number;
            areas: string | never[];
        } | undefined;
        sm?: {
            value: number;
            areas: string | never[];
        } | undefined;
        xs?: {
            value: number;
            areas: string | never[];
        } | undefined;
        xl?: {
            value: number;
            areas: string | never[];
        } | undefined;
    }[];
    columns: string;
    rows: string;
    areas: string[][];
    gap: string;
}>> & {
    GridLayoutItem: import("vue").DefineComponent<{
        name: {
            type: StringConstructor;
            default: string;
        };
    }, {
        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            name: {
                type: StringConstructor;
                default: string;
            };
        }>> & {}>>;
        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<import("vue").CSSProperties>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        name: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        name: string;
    }>;
};
export declare const ElGridLayoutItem: import("../../utils/vue/types").SFCWithInstall<import("vue").DefineComponent<{
    name: {
        type: StringConstructor;
        default: string;
    };
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        name: {
            type: StringConstructor;
            default: string;
        };
    }>> & {}>>;
    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<import("vue").CSSProperties>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    name: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    name: string;
}>>;
export default ElGridLayout;