import { default as Modal } from './Modal.vue';
import { default as mdx } from './Modal.mdx';
import { IconName } from '../Icon/types';
import { ModalColor } from './constants';
/// <reference types="@/globals" />
declare namespace _default {
    export let title: string;
    export { Modal as component };
    export namespace parameters {
        namespace docs {
            export { mdx as page };
        }
    }
    export namespace argTypes {
        namespace closable {
            namespace control {
                let type: string;
            }
        }
        namespace icon {
            export let options: ("Close" | "AppWindows" | "ArrowDownToLine" | "ArrowTrendUp" | "Back" | "BankAccount" | "Bars" | "Bell" | "BorderOut" | "Building" | "Bullhorn" | "Calendar" | "CalendarAlt" | "CampaignAutomated" | "CampaignOneTime" | "Car" | "CircleCheck" | "CircleClose" | "CircleEmpty" | "CircleExclamation" | "CircleInfo" | "CircleQuestion" | "CircleUser" | "Clipboard" | "ClockFour" | "ClockSeven" | "ClockTen" | "CloudData" | "Code" | "Coin" | "Collapse" | "CommentNotes" | "Creative" | "CreditCard" | "CreditCardSearch" | "Delete" | "Details" | "DollarSign" | "DoubleSidedArrow" | "Duplicate" | "Edit" | "Ellipsis" | "EllipsisVertical" | "Envelope" | "EnvelopeSearch" | "Envelopes" | "Error" | "Exit" | "Export" | "FileAlt" | "FileInfo" | "FileShare" | "Filter" | "Fire" | "FolderInfo" | "Future" | "Gear" | "Gift" | "Integrations" | "ImageSearch" | "LayerGroup" | "Layers" | "Lightning" | "LocationPin" | "MagnifyingGlass" | "MoneyBill" | "Minus" | "NavArrowLeft" | "Next" | "Notes" | "Pen" | "OpenBook" | "PaintRoller" | "PieChartSlice" | "PlanBusiness" | "PlanDeveloper" | "PlanEnterprise" | "PlanGrowthPlus" | "PlanGrowth" | "PlanStartup" | "Plus" | "Previous" | "Processing" | "QRCode" | "Repeat" | "Resize" | "Send" | "Signal" | "Success" | "Tag" | "TemplateModeSwitch" | "TriangleExclamation" | "Truck" | "Unverified" | "User" | "Users" | "Verified" | "Webhooks")[];
            export namespace control_1 {
                let type_1: string;
                export { type_1 as type };
            }
            export { control_1 as control };
        }
        namespace iconColor {
            let options_1: ("error" | "green" | "info" | "neutral" | "primary" | "success" | "upgrade" | "warning")[];
            export { options_1 as options };
            export namespace control_2 {
                let type_2: string;
                export { type_2 as type };
            }
            export { control_2 as control };
        }
        namespace variant {
            let options_2: "primary"[];
            export { options_2 as options };
            export namespace control_3 {
                let type_3: string;
                export { type_3 as type };
            }
            export { control_3 as control };
        }
    }
}
export default _default;
export function Primary(args: any, { argTypes }: {
    argTypes: any;
}): {
    props: string[];
    components: {
        Icon: import('vue').DefineComponent<{
            size: {
                type: import('vue').PropType<"sm" | "md" | "lg" | "xl" | "xxl">;
                default: "md";
            };
            icon: {
                type: import('vue').PropType<IconName>;
                required: true;
            };
            sizeOverride: {
                type: import('vue').PropType<number>;
                default: undefined;
            };
        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            size: {
                type: import('vue').PropType<"sm" | "md" | "lg" | "xl" | "xxl">;
                default: "md";
            };
            icon: {
                type: import('vue').PropType<IconName>;
                required: true;
            };
            sizeOverride: {
                type: import('vue').PropType<number>;
                default: undefined;
            };
        }>>, {
            size: "sm" | "md" | "lg" | "xl" | "xxl";
            sizeOverride: number;
        }, {}>;
        Modal: {
            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
                visible: {
                    type: import('vue').PropType<boolean>;
                };
                width: {
                    type: import('vue').PropType<string>;
                    default: string;
                };
                header: {
                    type: import('vue').PropType<string>;
                    default: undefined;
                };
                subheader: {
                    type: import('vue').PropType<string>;
                    default: undefined;
                };
                icon: {
                    type: import('vue').PropType<IconName>;
                    default: undefined;
                };
                variant: {
                    type: import('vue').PropType<"primary">;
                    default: "primary";
                };
                closable: {
                    type: import('vue').PropType<boolean>;
                    default: boolean;
                };
                showMask: {
                    type: import('vue').PropType<boolean>;
                    default: boolean;
                };
                iconColor: {
                    type: import('vue').PropType<ModalColor>;
                    default: "primary";
                };
            }>> & {
                onClose?: (() => any) | undefined;
                onOpen?: (() => any) | undefined;
                "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:visible": (visible: boolean) => void;
                close: () => void;
                open: () => void;
            }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
                visible: {
                    type: import('vue').PropType<boolean>;
                };
                width: {
                    type: import('vue').PropType<string>;
                    default: string;
                };
                header: {
                    type: import('vue').PropType<string>;
                    default: undefined;
                };
                subheader: {
                    type: import('vue').PropType<string>;
                    default: undefined;
                };
                icon: {
                    type: import('vue').PropType<IconName>;
                    default: undefined;
                };
                variant: {
                    type: import('vue').PropType<"primary">;
                    default: "primary";
                };
                closable: {
                    type: import('vue').PropType<boolean>;
                    default: boolean;
                };
                showMask: {
                    type: import('vue').PropType<boolean>;
                    default: boolean;
                };
                iconColor: {
                    type: import('vue').PropType<ModalColor>;
                    default: "primary";
                };
            }>> & {
                onClose?: (() => any) | undefined;
                onOpen?: (() => any) | undefined;
                "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
            }, {
                width: string;
                header: string;
                subheader: string;
                icon: IconName;
                variant: "primary";
                closable: boolean;
                showMask: boolean;
                iconColor: ModalColor;
            }, true, {}, {}, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import('vue').ExtractPropTypes<{
                visible: {
                    type: import('vue').PropType<boolean>;
                };
                width: {
                    type: import('vue').PropType<string>;
                    default: string;
                };
                header: {
                    type: import('vue').PropType<string>;
                    default: undefined;
                };
                subheader: {
                    type: import('vue').PropType<string>;
                    default: undefined;
                };
                icon: {
                    type: import('vue').PropType<IconName>;
                    default: undefined;
                };
                variant: {
                    type: import('vue').PropType<"primary">;
                    default: "primary";
                };
                closable: {
                    type: import('vue').PropType<boolean>;
                    default: boolean;
                };
                showMask: {
                    type: import('vue').PropType<boolean>;
                    default: boolean;
                };
                iconColor: {
                    type: import('vue').PropType<ModalColor>;
                    default: "primary";
                };
            }>> & {
                onClose?: (() => any) | undefined;
                onOpen?: (() => any) | undefined;
                "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
            }, {}, {}, {}, {}, {
                width: string;
                header: string;
                subheader: string;
                icon: IconName;
                variant: "primary";
                closable: boolean;
                showMask: boolean;
                iconColor: ModalColor;
            }>;
            __isFragment?: undefined;
            __isTeleport?: undefined;
            __isSuspense?: undefined;
        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            visible: {
                type: import('vue').PropType<boolean>;
            };
            width: {
                type: import('vue').PropType<string>;
                default: string;
            };
            header: {
                type: import('vue').PropType<string>;
                default: undefined;
            };
            subheader: {
                type: import('vue').PropType<string>;
                default: undefined;
            };
            icon: {
                type: import('vue').PropType<IconName>;
                default: undefined;
            };
            variant: {
                type: import('vue').PropType<"primary">;
                default: "primary";
            };
            closable: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            showMask: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconColor: {
                type: import('vue').PropType<ModalColor>;
                default: "primary";
            };
        }>> & {
            onClose?: (() => any) | undefined;
            onOpen?: (() => any) | undefined;
            "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:visible": (visible: boolean) => void;
            close: () => void;
            open: () => void;
        }, string, {
            width: string;
            header: string;
            subheader: string;
            icon: IconName;
            variant: "primary";
            closable: boolean;
            showMask: boolean;
            iconColor: ModalColor;
        }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
            $slots: {
                icon?(_: {
                    sizeOverride: number;
                }): any;
                header?(_: {}): any;
                subheader?(_: {}): any;
                default?(_: {}): any;
                footer?(_: {}): any;
            };
        });
        LobButton: import('vue').DefineComponent<{
            variant: {
                type: StringConstructor;
                default: string;
                validator: (value: unknown) => boolean;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (value: unknown) => boolean;
            };
            disabled: {
                type: BooleanConstructor;
                default: boolean;
            };
            bold: {
                type: BooleanConstructor;
                default: boolean;
            };
        }, any, any, {
            small(): boolean;
            medium(): boolean;
            large(): boolean;
            xlarge(): boolean;
            primary(): boolean;
            upgrade(): boolean;
            secondary(): boolean;
            quiet(): boolean;
            ghost(): boolean;
            danger(): boolean;
            dangerSecondary(): boolean;
            link(): boolean;
            linkTypeClasses(): string;
        }, {
            handleClick($event: any): void;
        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            variant: {
                type: StringConstructor;
                default: string;
                validator: (value: unknown) => boolean;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (value: unknown) => boolean;
            };
            disabled: {
                type: BooleanConstructor;
                default: boolean;
            };
            bold: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>> & {
            onClick?: ((...args: any[]) => any) | undefined;
        }, {
            size: string;
            bold: boolean;
            disabled: boolean;
            variant: string;
        }, {}>;
        RadioButton: <Value>(__VLS_props: {
            onInput?: ((value: Value) => any) | undefined;
            onClick?: ((event: Event) => any) | undefined;
            "onUpdate:modelValue"?: ((modelValue: Value) => any) | undefined;
            modelValue?: Value | undefined;
            disabled?: boolean | undefined;
            error?: boolean | undefined;
            helperText?: string | undefined;
            icon?: IconName | undefined;
            id: string;
            inputAttributes?: (import('vue').InputHTMLAttributes & Record<string, unknown>) | undefined;
            label?: string | undefined;
            labelContainerAttributes?: (import('vue').HTMLAttributes & Record<string, unknown>) | undefined;
            labelAttributes?: (import('vue').LabelHTMLAttributes & Record<string, unknown>) | undefined;
            loading?: boolean | undefined;
            name: string;
            readonly?: boolean | undefined;
            required?: boolean | undefined;
            value: Value;
            variant?: import('../RadioButton').RadioButtonVariant | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
            attrs: any;
            slots: Readonly<{
                default: () => any;
                chips: () => any;
                helper: () => any;
            }> & {
                default: () => any;
                chips: () => any;
                helper: () => any;
            };
            emit: {
                (e: "click", event: Event): void;
                (e: "input", value: Value): void;
            } & ((evt: "update:modelValue", modelValue: Value) => void);
        } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
            props: {
                onInput?: ((value: Value) => any) | undefined;
                onClick?: ((event: Event) => any) | undefined;
                "onUpdate:modelValue"?: ((modelValue: Value) => any) | undefined;
                modelValue?: Value | undefined;
                disabled?: boolean | undefined;
                error?: boolean | undefined;
                helperText?: string | undefined;
                icon?: IconName | undefined;
                id: string;
                inputAttributes?: (import('vue').InputHTMLAttributes & Record<string, unknown>) | undefined;
                label?: string | undefined;
                labelContainerAttributes?: (import('vue').HTMLAttributes & Record<string, unknown>) | undefined;
                labelAttributes?: (import('vue').LabelHTMLAttributes & Record<string, unknown>) | undefined;
                loading?: boolean | undefined;
                name: string;
                readonly?: boolean | undefined;
                required?: boolean | undefined;
                value: Value;
                variant?: import('../RadioButton').RadioButtonVariant | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
            attrs: any;
            slots: Readonly<{
                default: () => any;
                chips: () => any;
                helper: () => any;
            }> & {
                default: () => any;
                chips: () => any;
                helper: () => any;
            };
            emit: {
                (e: "click", event: Event): void;
                (e: "input", value: Value): void;
            } & ((evt: "update:modelValue", modelValue: Value) => void);
        }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
            [key: string]: any;
        }> & {
            __ctx?: {
                props: {
                    onInput?: ((value: Value) => any) | undefined;
                    onClick?: ((event: Event) => any) | undefined;
                    "onUpdate:modelValue"?: ((modelValue: Value) => any) | undefined;
                    modelValue?: Value | undefined;
                    disabled?: boolean | undefined;
                    error?: boolean | undefined;
                    helperText?: string | undefined;
                    icon?: IconName | undefined;
                    id: string;
                    inputAttributes?: (import('vue').InputHTMLAttributes & Record<string, unknown>) | undefined;
                    label?: string | undefined;
                    labelContainerAttributes?: (import('vue').HTMLAttributes & Record<string, unknown>) | undefined;
                    labelAttributes?: (import('vue').LabelHTMLAttributes & Record<string, unknown>) | undefined;
                    loading?: boolean | undefined;
                    name: string;
                    readonly?: boolean | undefined;
                    required?: boolean | undefined;
                    value: Value;
                    variant?: import('../RadioButton').RadioButtonVariant | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
                attrs: any;
                slots: Readonly<{
                    default: () => any;
                    chips: () => any;
                    helper: () => any;
                }> & {
                    default: () => any;
                    chips: () => any;
                    helper: () => any;
                };
                emit: {
                    (e: "click", event: Event): void;
                    (e: "input", value: Value): void;
                } & ((evt: "update:modelValue", modelValue: Value) => void);
            } | undefined;
        };
        RadioGroup: import('vue').DefineComponent<{
            legend: {
                type: StringConstructor;
                default: string;
            };
            srOnlyLegend: {
                type: BooleanConstructor;
                default: boolean;
            };
            separateLines: {
                type: BooleanConstructor;
                default: boolean;
            };
            required: {
                type: BooleanConstructor;
                default: boolean;
            };
        }, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            legend: {
                type: StringConstructor;
                default: string;
            };
            srOnlyLegend: {
                type: BooleanConstructor;
                default: boolean;
            };
            separateLines: {
                type: BooleanConstructor;
                default: boolean;
            };
            required: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>>, {
            required: boolean;
            legend: string;
            srOnlyLegend: boolean;
            separateLines: boolean;
        }, {}>;
    };
    setup: () => {
        args: any;
    };
    data: () => {
        isModalVisible: boolean;
        radioModel: string;
    };
    template: string;
};
export namespace Primary {
    namespace args {
        let closable_1: boolean;
        export { closable_1 as closable };
        export let header: string;
        let icon_1: "MoneyBill";
        export { icon_1 as icon };
        let iconColor_1: "green";
        export { iconColor_1 as iconColor };
        export let width: string;
    }
}