import { PropType } from "vue";
import { CSSProperties } from "vue/types/jsx";
declare const BACKGROUND: readonly ["pop-over", "default", "element-light", "element", "element-dark", "font-dark", "font", "font-light", "icon-dark", "icon", "icon-light", "border-dark", "border", "border-light", "primary-dark", "primary", "primary-light", "secondary-dark", "secondary", "secondary-light", "error-dark", "error", "error-light", "warning-dark", "warning", "warning-light", "success-dark", "success", "success-light", "dashboard-background", "tooltip", "placeholder", "gray-100", "gray-200", "gray-300", "gray-400", "gray-500", "gray-600", "gray-700", "gray-800", "gray-900", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "warning-100", "warning-200", "warning-300", "warning-400", "warning-500", "success-100", "success-200", "success-300", "success-400", "success-500", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "color1-100", "color1-200", "color1-300", "color2-100", "color2-200", "color2-300", "color3-100", "color3-200", "color3-300", "color4-100", "color4-200", "color4-300", "color5-100", "color5-200", "color5-300", "color6-100", "color6-200", "color6-300"];
export type WrapperBackground = typeof BACKGROUND[number];
declare const _default: import("vue/types/v3-define-component").DefineComponent<{
    /**
     * 'default' <br/>
     *
     * We don't have more types yet and will remove type if haven't found any usecase
     */
    type: {
        type: PropType<"default">;
        default: string;
        validator(value: "default"): boolean;
    };
    /**
     * Do we want ot display border? <br/>
     * true | false
     */
    border: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Border radius of wrapper
     */
    borderRadius: {
        type: PropType<import("csstype").Property.BorderRadius<string | number> | undefined>;
        default: string;
    };
    /**
     * 	Set background to wrapper <br/>
     * 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900' | 'primary-100' | 'primary-200' | 'primary-300' | 'primary-400' | 'primary-500' | 'secondary-100' | 'secondary-200' | 'secondary-300' | 'secondary-400' | 'secondary-500' | 'warning-100' | 'warning-200' | 'warning-300' | 'warning-400' | 'warning-500' | 'success-100' | 'success-200' | 'success-300' | 'success-400' | 'success-500' | 'danger-100' | 'danger-200' | 'danger-300' | 'danger-400' | 'danger-500' | 'color1-100' | 'color1-200' | 'color1-300' | 'color2-100' | 'color2-200' | 'color2-300' | 'color3-100' | 'color3-200' | 'color3-300' | 'color4-100' | 'color4-200' | 'color4-300' | 'color5-100' | 'color5-200' | 'color5-300' | 'color6-100' | 'color6-200' | 'color6-300' | 'pop-over' | 'default' | 'element-light' | 'element' | 'element-dark' | 'font-dark' | 'font' | 'font-light' | 'icon-dark' | 'icon' | 'icon-light' | 'border-dark' | 'border' | 'border-light' | 'primary-dark' | 'primary' | 'primary-light' | 'secondary-dark' | 'secondary' | 'secondary-light' | 'error-dark' | 'error' | 'error-light' | 'warning-dark' | 'warning' | 'warning-light' | 'success-dark' | 'success' | 'success-light' | 'dashboard-background' | 'tooltip' | 'placeholder'
     */
    background: {
        type: PropType<"default" | "success" | "error" | "warning" | "primary" | "pop-over" | "element-light" | "element" | "element-dark" | "font-dark" | "font" | "font-light" | "icon-dark" | "icon" | "icon-light" | "border-dark" | "border" | "border-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary" | "secondary-light" | "error-dark" | "error-light" | "warning-dark" | "warning-light" | "success-dark" | "success-light" | "dashboard-background" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "danger-100" | "danger-200" | "danger-300" | "danger-400" | "danger-500" | "color1-100" | "color1-200" | "color1-300" | "color2-100" | "color2-200" | "color2-300" | "color3-100" | "color3-200" | "color3-300" | "color4-100" | "color4-200" | "color4-300" | "color5-100" | "color5-200" | "color5-300" | "color6-100" | "color6-200" | "color6-300" | "tooltip" | "placeholder">;
        default: string;
        validator(value: WrapperBackground): boolean;
    };
    /**
     * Set height of wrapper
     */
    height: {
        type: PropType<import("csstype").Property.Height<string | number> | undefined>;
        default: string;
    };
    /**
     * Set max-height of wrapper
     */
    maxHeight: {
        type: PropType<import("csstype").Property.MaxHeight<string | number> | undefined>;
        default: string;
    };
    /**
     * Set width of wrapper
     */
    width: {
        type: PropType<import("csstype").Property.Width<string | number> | undefined>;
        default: string;
    };
    /**
     * How content overflow should work? <br/>
     * 'hidden' | 'auto' | 'scroll' | 'visible'
     */
    overflow: {
        type: StringConstructor;
        default: string;
    };
}, import("vue").Data, import("vue").Data, {
    style(): CSSProperties;
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
    /**
     * 'default' <br/>
     *
     * We don't have more types yet and will remove type if haven't found any usecase
     */
    type: {
        type: PropType<"default">;
        default: string;
        validator(value: "default"): boolean;
    };
    /**
     * Do we want ot display border? <br/>
     * true | false
     */
    border: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Border radius of wrapper
     */
    borderRadius: {
        type: PropType<import("csstype").Property.BorderRadius<string | number> | undefined>;
        default: string;
    };
    /**
     * 	Set background to wrapper <br/>
     * 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900' | 'primary-100' | 'primary-200' | 'primary-300' | 'primary-400' | 'primary-500' | 'secondary-100' | 'secondary-200' | 'secondary-300' | 'secondary-400' | 'secondary-500' | 'warning-100' | 'warning-200' | 'warning-300' | 'warning-400' | 'warning-500' | 'success-100' | 'success-200' | 'success-300' | 'success-400' | 'success-500' | 'danger-100' | 'danger-200' | 'danger-300' | 'danger-400' | 'danger-500' | 'color1-100' | 'color1-200' | 'color1-300' | 'color2-100' | 'color2-200' | 'color2-300' | 'color3-100' | 'color3-200' | 'color3-300' | 'color4-100' | 'color4-200' | 'color4-300' | 'color5-100' | 'color5-200' | 'color5-300' | 'color6-100' | 'color6-200' | 'color6-300' | 'pop-over' | 'default' | 'element-light' | 'element' | 'element-dark' | 'font-dark' | 'font' | 'font-light' | 'icon-dark' | 'icon' | 'icon-light' | 'border-dark' | 'border' | 'border-light' | 'primary-dark' | 'primary' | 'primary-light' | 'secondary-dark' | 'secondary' | 'secondary-light' | 'error-dark' | 'error' | 'error-light' | 'warning-dark' | 'warning' | 'warning-light' | 'success-dark' | 'success' | 'success-light' | 'dashboard-background' | 'tooltip' | 'placeholder'
     */
    background: {
        type: PropType<"default" | "success" | "error" | "warning" | "primary" | "pop-over" | "element-light" | "element" | "element-dark" | "font-dark" | "font" | "font-light" | "icon-dark" | "icon" | "icon-light" | "border-dark" | "border" | "border-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary" | "secondary-light" | "error-dark" | "error-light" | "warning-dark" | "warning-light" | "success-dark" | "success-light" | "dashboard-background" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "danger-100" | "danger-200" | "danger-300" | "danger-400" | "danger-500" | "color1-100" | "color1-200" | "color1-300" | "color2-100" | "color2-200" | "color2-300" | "color3-100" | "color3-200" | "color3-300" | "color4-100" | "color4-200" | "color4-300" | "color5-100" | "color5-200" | "color5-300" | "color6-100" | "color6-200" | "color6-300" | "tooltip" | "placeholder">;
        default: string;
        validator(value: WrapperBackground): boolean;
    };
    /**
     * Set height of wrapper
     */
    height: {
        type: PropType<import("csstype").Property.Height<string | number> | undefined>;
        default: string;
    };
    /**
     * Set max-height of wrapper
     */
    maxHeight: {
        type: PropType<import("csstype").Property.MaxHeight<string | number> | undefined>;
        default: string;
    };
    /**
     * Set width of wrapper
     */
    width: {
        type: PropType<import("csstype").Property.Width<string | number> | undefined>;
        default: string;
    };
    /**
     * How content overflow should work? <br/>
     * 'hidden' | 'auto' | 'scroll' | 'visible'
     */
    overflow: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    type: "default";
    borderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
    background: "default" | "success" | "error" | "warning" | "primary" | "pop-over" | "element-light" | "element" | "element-dark" | "font-dark" | "font" | "font-light" | "icon-dark" | "icon" | "icon-light" | "border-dark" | "border" | "border-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary" | "secondary-light" | "error-dark" | "error-light" | "warning-dark" | "warning-light" | "success-dark" | "success-light" | "dashboard-background" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "danger-100" | "danger-200" | "danger-300" | "danger-400" | "danger-500" | "color1-100" | "color1-200" | "color1-300" | "color2-100" | "color2-200" | "color2-300" | "color3-100" | "color3-200" | "color3-300" | "color4-100" | "color4-200" | "color4-300" | "color5-100" | "color5-200" | "color5-300" | "color6-100" | "color6-200" | "color6-300" | "tooltip" | "placeholder";
    width: import("csstype").Property.Width<string | number> | undefined;
    height: import("csstype").Property.Height<string | number> | undefined;
    border: boolean;
    overflow: string;
    maxHeight: import("csstype").Property.MaxHeight<string | number> | undefined;
}>;
export default _default;