import { PropType } from "vue";
import type { TIcon } from '../../../components/icons';
declare const _sfc_main: import("vue").DefineComponent<{
    label: {
        type: StringConstructor;
        required: true;
    };
    icon: {
        type: PropType<TIcon>;
        required: false;
    };
    variant: {
        type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
        required: false;
        default: string;
    };
    fontSize: {
        type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
        required: false;
        default: string;
    };
    fontWeight: {
        type: PropType<"bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold">;
        required: false;
        default: string;
    };
    round: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    width: {
        type: StringConstructor;
        required: false;
    };
}, {
    __sfc: boolean;
    THEME: {
        readonly color: {
            gradient: string;
            transparent: string;
            green: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            blue: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            red: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            yellow: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            gray: {
                "200": string;
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
                "900": string;
            };
            white: {
                "500": string;
                "800": string;
            };
        };
        readonly spacing: {
            readonly no: "0";
            readonly xs2: "0.25rem";
            readonly xs: "0.5rem";
            readonly sm: "0.75rem";
            readonly md: "1rem";
            readonly lg: "1.25rem";
            readonly xl: "1.5rem";
            readonly xl2: "2rem";
            readonly xl3: "2.5rem";
            readonly xl4: "3rem";
            readonly max: "9999px";
            readonly at: "auto";
        };
        readonly fontSize: {
            readonly xs3: "0.5rem";
            readonly xs2: "0.625rem";
            readonly xs: "0.75rem";
            readonly sm: "0.875rem";
            readonly md: "1rem";
            readonly lg: "1.125rem";
            readonly xl: "1.25rem";
            readonly xl2: "1.5rem";
            readonly xl3: "1.75rem";
            readonly xl4: "2rem";
            readonly xl5: "2.25rem";
            readonly xl6: "2.5rem";
        };
        readonly fontWeight: {
            readonly thin: 100;
            readonly extralight: 200;
            readonly light: 300;
            readonly normal: 400;
            readonly medium: 500;
            readonly semibold: 600;
            readonly bold: 700;
        };
        readonly breakpoint: {
            readonly sm: "576px";
            readonly md: "768px";
            readonly lg: "992px";
            readonly xl: "1200px";
        };
        readonly shadow: {
            none: string;
            sm: string;
            md: string;
        };
        readonly zIndex: {
            readonly base: "0";
            readonly floating: "1000";
            readonly dialog: "2000";
            readonly popover: "3000";
            readonly overlay: "4000";
        };
        readonly share: {
            HEADER_HEIGHT: string;
        };
    };
    tagColorStyle: Record<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill", string>;
    tagIconColorStyle: Record<string, import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
    tagStyle: string;
    fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
    fontWeightStyle: Record<"bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold", string>;
    WizIcon: import("vue").DefineComponent<{
        icon: {
            type: PropType<TIcon>;
            required: true;
        };
        color: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
            required: false;
            default: string;
        };
        size: {
            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
            required: false;
            default: string;
        };
    }, {
        __sfc: boolean;
        iconStyle: string;
        iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
        iconDefaultStyle: string;
        fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
        fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        icon: {
            type: PropType<TIcon>;
            required: true;
        };
        color: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
            required: false;
            default: string;
        };
        size: {
            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
            required: false;
            default: string;
        };
    }>>, {
        color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
        size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
    }>;
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
    label: {
        type: StringConstructor;
        required: true;
    };
    icon: {
        type: PropType<TIcon>;
        required: false;
    };
    variant: {
        type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
        required: false;
        default: string;
    };
    fontSize: {
        type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
        required: false;
        default: string;
    };
    fontWeight: {
        type: PropType<"bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold">;
        required: false;
        default: string;
    };
    round: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    width: {
        type: StringConstructor;
        required: false;
    };
}>>, {
    fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
    fontWeight: "bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold";
    round: boolean;
    variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
}>;
export default _sfc_main;