import { default as ElIcon } from './ElIcon.vue';
import { default as ElButton } from './ElButton.vue';

export interface ElModalProps {
    size?: ElModalSize;
    color?: ElModalColor;
    headerIcon: InstanceType<typeof ElIcon>['$props'];
    title: string;
    description?: string;
    /** Opt-in: on mobile touch devices, hide header and/or actions while an input/textarea in the body is focused. */
    hideOnFocus?: {
        header?: boolean;
        actions?: boolean;
    };
    /** Opt-in: on touch devices, align modal to top (items-start mt-2) instead of center. Avoids keyboard shifting. */
    alignTopOnTouchDevice?: boolean;
    primaryAction: Omit<InstanceType<typeof ElButton>['$props'], 'size' | 'variant'>;
    secondaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'size' | 'variant'>;
    tertiaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'size' | 'variant'>;
}
export declare const elModalSizes: readonly ["xs", "m", "l", "xl"];
export type ElModalSize = (typeof elModalSizes)[number];
export declare const elModalSizesBreakpoints: {
    xs: number;
    m: number;
    l: number;
    xl: number;
};
export declare const elModalColors: readonly ["primary", "secondary", "error"];
export type ElModalColor = (typeof elModalColors)[number];
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
    isOpen: {
        required: true;
        type: import('vue').PropType<any>;
    };
    size: {
        type: import('vue').PropType<"xs" | "xl" | "l" | "m">;
        default: string;
    };
    title: {
        type: import('vue').PropType<string>;
        required: true;
        default: undefined;
    };
    color: {
        type: import('vue').PropType<"primary" | "secondary" | "error">;
        default: string;
    };
    description: {
        type: import('vue').PropType<string>;
        default: undefined;
    };
    headerIcon: {
        type: import('vue').PropType<Partial<{}> & Omit<{
            readonly name: import('./ElIcon.vue').IconNames;
            readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
            readonly solid?: boolean | undefined;
            readonly disabled?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
                required: true;
            };
            color: {
                type: import('vue').PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
            };
            solid: {
                type: import('vue').PropType<boolean>;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
            };
        }>>, never>>;
        required: true;
    };
    hideOnFocus: {
        type: import('vue').PropType<{
            header?: boolean;
            actions?: boolean;
        }>;
        default: undefined;
    };
    alignTopOnTouchDevice: {
        type: import('vue').PropType<boolean>;
        default: boolean;
    };
    primaryAction: {
        type: import('vue').PropType<Omit<Partial<{
            type: "button" | "reset" | "submit";
            size: import('./ElButton.vue').ElButtonSize;
            label: string;
            onClick: (() => unknown) | (() => Promise<unknown>);
            disabled: boolean;
            icon: import('./ElIcon.vue').ElIconProps;
            error: boolean;
            dark: boolean;
            loading: boolean;
            variant: import('./ElButton.vue').ElButtonVariant;
            loadOnClick: boolean;
        }> & Omit<{
            readonly type: "button" | "reset" | "submit";
            readonly size: import('./ElButton.vue').ElButtonSize;
            readonly label: string;
            readonly disabled: boolean;
            readonly error: boolean;
            readonly dark: boolean;
            readonly loading: boolean;
            readonly variant: import('./ElButton.vue').ElButtonVariant;
            readonly loadOnClick: boolean;
            readonly onClick?: ((() => unknown) | (() => Promise<unknown>)) | undefined;
            readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
            readonly iconRight?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: import('vue').PropType<"button" | "reset" | "submit">;
                default: string;
            };
            size: {
                type: import('vue').PropType<"xs" | "sm" | "xl" | "base" | "l">;
                default: string;
            };
            label: {
                type: import('vue').PropType<string>;
                required: true;
                default: string;
            };
            onClick: {
                type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
                default: undefined;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            icon: {
                type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
                default: undefined;
            };
            error: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            dark: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            loading: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconRight: {
                type: import('vue').PropType<boolean>;
            };
            variant: {
                type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
                default: string;
            };
            loadOnClick: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>>, "type" | "size" | "label" | "onClick" | "disabled" | "icon" | "error" | "dark" | "loading" | "variant" | "loadOnClick">, "size" | "variant">>;
        required: true;
    };
    secondaryAction: {
        type: import('vue').PropType<Omit<Partial<{
            type: "button" | "reset" | "submit";
            size: import('./ElButton.vue').ElButtonSize;
            label: string;
            onClick: (() => unknown) | (() => Promise<unknown>);
            disabled: boolean;
            icon: import('./ElIcon.vue').ElIconProps;
            error: boolean;
            dark: boolean;
            loading: boolean;
            variant: import('./ElButton.vue').ElButtonVariant;
            loadOnClick: boolean;
        }> & Omit<{
            readonly type: "button" | "reset" | "submit";
            readonly size: import('./ElButton.vue').ElButtonSize;
            readonly label: string;
            readonly disabled: boolean;
            readonly error: boolean;
            readonly dark: boolean;
            readonly loading: boolean;
            readonly variant: import('./ElButton.vue').ElButtonVariant;
            readonly loadOnClick: boolean;
            readonly onClick?: ((() => unknown) | (() => Promise<unknown>)) | undefined;
            readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
            readonly iconRight?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: import('vue').PropType<"button" | "reset" | "submit">;
                default: string;
            };
            size: {
                type: import('vue').PropType<"xs" | "sm" | "xl" | "base" | "l">;
                default: string;
            };
            label: {
                type: import('vue').PropType<string>;
                required: true;
                default: string;
            };
            onClick: {
                type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
                default: undefined;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            icon: {
                type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
                default: undefined;
            };
            error: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            dark: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            loading: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconRight: {
                type: import('vue').PropType<boolean>;
            };
            variant: {
                type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
                default: string;
            };
            loadOnClick: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>>, "type" | "size" | "label" | "onClick" | "disabled" | "icon" | "error" | "dark" | "loading" | "variant" | "loadOnClick">, "size" | "variant">>;
        default: undefined;
    };
    tertiaryAction: {
        type: import('vue').PropType<Omit<Partial<{
            type: "button" | "reset" | "submit";
            size: import('./ElButton.vue').ElButtonSize;
            label: string;
            onClick: (() => unknown) | (() => Promise<unknown>);
            disabled: boolean;
            icon: import('./ElIcon.vue').ElIconProps;
            error: boolean;
            dark: boolean;
            loading: boolean;
            variant: import('./ElButton.vue').ElButtonVariant;
            loadOnClick: boolean;
        }> & Omit<{
            readonly type: "button" | "reset" | "submit";
            readonly size: import('./ElButton.vue').ElButtonSize;
            readonly label: string;
            readonly disabled: boolean;
            readonly error: boolean;
            readonly dark: boolean;
            readonly loading: boolean;
            readonly variant: import('./ElButton.vue').ElButtonVariant;
            readonly loadOnClick: boolean;
            readonly onClick?: ((() => unknown) | (() => Promise<unknown>)) | undefined;
            readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
            readonly iconRight?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: import('vue').PropType<"button" | "reset" | "submit">;
                default: string;
            };
            size: {
                type: import('vue').PropType<"xs" | "sm" | "xl" | "base" | "l">;
                default: string;
            };
            label: {
                type: import('vue').PropType<string>;
                required: true;
                default: string;
            };
            onClick: {
                type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
                default: undefined;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            icon: {
                type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
                default: undefined;
            };
            error: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            dark: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            loading: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconRight: {
                type: import('vue').PropType<boolean>;
            };
            variant: {
                type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
                default: string;
            };
            loadOnClick: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>>, "type" | "size" | "label" | "onClick" | "disabled" | "icon" | "error" | "dark" | "loading" | "variant" | "loadOnClick">, "size" | "variant">>;
        default: undefined;
    };
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    closed: () => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    isOpen: {
        required: true;
        type: import('vue').PropType<any>;
    };
    size: {
        type: import('vue').PropType<"xs" | "xl" | "l" | "m">;
        default: string;
    };
    title: {
        type: import('vue').PropType<string>;
        required: true;
        default: undefined;
    };
    color: {
        type: import('vue').PropType<"primary" | "secondary" | "error">;
        default: string;
    };
    description: {
        type: import('vue').PropType<string>;
        default: undefined;
    };
    headerIcon: {
        type: import('vue').PropType<Partial<{}> & Omit<{
            readonly name: import('./ElIcon.vue').IconNames;
            readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
            readonly solid?: boolean | undefined;
            readonly disabled?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
                required: true;
            };
            color: {
                type: import('vue').PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
            };
            solid: {
                type: import('vue').PropType<boolean>;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
            };
        }>>, never>>;
        required: true;
    };
    hideOnFocus: {
        type: import('vue').PropType<{
            header?: boolean;
            actions?: boolean;
        }>;
        default: undefined;
    };
    alignTopOnTouchDevice: {
        type: import('vue').PropType<boolean>;
        default: boolean;
    };
    primaryAction: {
        type: import('vue').PropType<Omit<Partial<{
            type: "button" | "reset" | "submit";
            size: import('./ElButton.vue').ElButtonSize;
            label: string;
            onClick: (() => unknown) | (() => Promise<unknown>);
            disabled: boolean;
            icon: import('./ElIcon.vue').ElIconProps;
            error: boolean;
            dark: boolean;
            loading: boolean;
            variant: import('./ElButton.vue').ElButtonVariant;
            loadOnClick: boolean;
        }> & Omit<{
            readonly type: "button" | "reset" | "submit";
            readonly size: import('./ElButton.vue').ElButtonSize;
            readonly label: string;
            readonly disabled: boolean;
            readonly error: boolean;
            readonly dark: boolean;
            readonly loading: boolean;
            readonly variant: import('./ElButton.vue').ElButtonVariant;
            readonly loadOnClick: boolean;
            readonly onClick?: ((() => unknown) | (() => Promise<unknown>)) | undefined;
            readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
            readonly iconRight?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: import('vue').PropType<"button" | "reset" | "submit">;
                default: string;
            };
            size: {
                type: import('vue').PropType<"xs" | "sm" | "xl" | "base" | "l">;
                default: string;
            };
            label: {
                type: import('vue').PropType<string>;
                required: true;
                default: string;
            };
            onClick: {
                type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
                default: undefined;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            icon: {
                type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
                default: undefined;
            };
            error: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            dark: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            loading: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconRight: {
                type: import('vue').PropType<boolean>;
            };
            variant: {
                type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
                default: string;
            };
            loadOnClick: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>>, "type" | "size" | "label" | "onClick" | "disabled" | "icon" | "error" | "dark" | "loading" | "variant" | "loadOnClick">, "size" | "variant">>;
        required: true;
    };
    secondaryAction: {
        type: import('vue').PropType<Omit<Partial<{
            type: "button" | "reset" | "submit";
            size: import('./ElButton.vue').ElButtonSize;
            label: string;
            onClick: (() => unknown) | (() => Promise<unknown>);
            disabled: boolean;
            icon: import('./ElIcon.vue').ElIconProps;
            error: boolean;
            dark: boolean;
            loading: boolean;
            variant: import('./ElButton.vue').ElButtonVariant;
            loadOnClick: boolean;
        }> & Omit<{
            readonly type: "button" | "reset" | "submit";
            readonly size: import('./ElButton.vue').ElButtonSize;
            readonly label: string;
            readonly disabled: boolean;
            readonly error: boolean;
            readonly dark: boolean;
            readonly loading: boolean;
            readonly variant: import('./ElButton.vue').ElButtonVariant;
            readonly loadOnClick: boolean;
            readonly onClick?: ((() => unknown) | (() => Promise<unknown>)) | undefined;
            readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
            readonly iconRight?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: import('vue').PropType<"button" | "reset" | "submit">;
                default: string;
            };
            size: {
                type: import('vue').PropType<"xs" | "sm" | "xl" | "base" | "l">;
                default: string;
            };
            label: {
                type: import('vue').PropType<string>;
                required: true;
                default: string;
            };
            onClick: {
                type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
                default: undefined;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            icon: {
                type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
                default: undefined;
            };
            error: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            dark: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            loading: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconRight: {
                type: import('vue').PropType<boolean>;
            };
            variant: {
                type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
                default: string;
            };
            loadOnClick: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>>, "type" | "size" | "label" | "onClick" | "disabled" | "icon" | "error" | "dark" | "loading" | "variant" | "loadOnClick">, "size" | "variant">>;
        default: undefined;
    };
    tertiaryAction: {
        type: import('vue').PropType<Omit<Partial<{
            type: "button" | "reset" | "submit";
            size: import('./ElButton.vue').ElButtonSize;
            label: string;
            onClick: (() => unknown) | (() => Promise<unknown>);
            disabled: boolean;
            icon: import('./ElIcon.vue').ElIconProps;
            error: boolean;
            dark: boolean;
            loading: boolean;
            variant: import('./ElButton.vue').ElButtonVariant;
            loadOnClick: boolean;
        }> & Omit<{
            readonly type: "button" | "reset" | "submit";
            readonly size: import('./ElButton.vue').ElButtonSize;
            readonly label: string;
            readonly disabled: boolean;
            readonly error: boolean;
            readonly dark: boolean;
            readonly loading: boolean;
            readonly variant: import('./ElButton.vue').ElButtonVariant;
            readonly loadOnClick: boolean;
            readonly onClick?: ((() => unknown) | (() => Promise<unknown>)) | undefined;
            readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
            readonly iconRight?: boolean | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: import('vue').PropType<"button" | "reset" | "submit">;
                default: string;
            };
            size: {
                type: import('vue').PropType<"xs" | "sm" | "xl" | "base" | "l">;
                default: string;
            };
            label: {
                type: import('vue').PropType<string>;
                required: true;
                default: string;
            };
            onClick: {
                type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
                default: undefined;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            icon: {
                type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
                default: undefined;
            };
            error: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            dark: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            loading: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
            iconRight: {
                type: import('vue').PropType<boolean>;
            };
            variant: {
                type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
                default: string;
            };
            loadOnClick: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>>, "type" | "size" | "label" | "onClick" | "disabled" | "icon" | "error" | "dark" | "loading" | "variant" | "loadOnClick">, "size" | "variant">>;
        default: undefined;
    };
}>> & {
    onClosed?: (() => any) | undefined;
}, {
    size: ElModalSize;
    title: string;
    color: ElModalColor;
    description: string;
    hideOnFocus: {
        header?: boolean;
        actions?: boolean;
    };
    alignTopOnTouchDevice: boolean;
    secondaryAction: Omit<InstanceType<typeof ElButton>["$props"], "size" | "variant">;
    tertiaryAction: Omit<InstanceType<typeof ElButton>["$props"], "size" | "variant">;
}, {}>, {
    default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};