import { PropType } from 'vue'; import { ColorScheme } from '../../declaration'; declare const _default: import('vue').DefineComponent; }; tag: { type: StringConstructor; default: string; }; columnGap: { type: (NumberConstructor | StringConstructor)[]; default: number; validator: (value: number | string, props: any) => boolean; }; grid: { type: BooleanConstructor; default: boolean; }; gridSize: { type: (NumberConstructor | StringConstructor)[]; default: number; }; rowGap: { type: (NumberConstructor | StringConstructor)[]; default: number; validator: (value: number | string, props: any) => boolean; }; }>, { colorSchemeClass: import('vue').ComputedRef; gridStyles: import('vue').ComputedRef<{ '--vs-grid-size'?: undefined; rowGap?: undefined; columnGap?: undefined; } | { '--vs-grid-size': string; rowGap: string; columnGap: string; }>; layoutStyles: import('vue').ComputedRef<{ [key: string]: string | number; }>; computedStyles: import('vue').ComputedRef<{ '--vs-grid-size'?: undefined; rowGap?: undefined; columnGap?: undefined; } | { '--vs-grid-size': string; rowGap: string; columnGap: string; }>; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly; }; tag: { type: StringConstructor; default: string; }; columnGap: { type: (NumberConstructor | StringConstructor)[]; default: number; validator: (value: number | string, props: any) => boolean; }; grid: { type: BooleanConstructor; default: boolean; }; gridSize: { type: (NumberConstructor | StringConstructor)[]; default: number; }; rowGap: { type: (NumberConstructor | StringConstructor)[]; default: number; validator: (value: number | string, props: any) => boolean; }; }>> & Readonly<{}>, { tag: string; grid: boolean; columnGap: string | number; gridSize: string | number; rowGap: string | number; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; export default _default;