import { ElBadge, ElIcon } from '.';

export interface ActionButtonProps {
    id?: string;
    label: string;
    size: ElActionButtonSizes;
    color: ElActionButtonColors;
    status: ElActionButtonStatus;
    leadingIcon?: InstanceType<typeof ElIcon>['$props'];
    trailingIcon?: InstanceType<typeof ElIcon>['$props'] & {
        name: 'ChevronDownIcon';
    };
    badge?: Omit<InstanceType<typeof ElBadge>['$props'], 'badge'>;
    onClick?: (() => unknown) | (() => Promise<unknown>);
}
export declare const elActionButtonSizes: readonly ["base", "l"];
export type ElActionButtonSizes = (typeof elActionButtonSizes)[number];
export declare const elActionButtonColors: readonly ["primary", "secondary"];
export type ElActionButtonColors = (typeof elActionButtonColors)[number];
export declare const elActionButtonStatus: readonly ["default", "hover", "pressed", "active"];
export type ElActionButtonStatus = (typeof elActionButtonStatus)[number];
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionButtonProps>, {
    id: undefined;
    size: string;
    color: string;
    status: string;
    leadingIcon: undefined;
    trailingIcon: undefined;
    badge: undefined;
    onClick: undefined;
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    click: (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionButtonProps>, {
    id: undefined;
    size: string;
    color: string;
    status: string;
    leadingIcon: undefined;
    trailingIcon: undefined;
    badge: undefined;
    onClick: undefined;
}>>> & {
    onClick?: ((...args: any[]) => any) | undefined;
}, {
    size: ElActionButtonSizes;
    onClick: (() => unknown) | (() => Promise<unknown>);
    color: ElActionButtonColors;
    id: string;
    badge: Omit<InstanceType<typeof ElBadge>["$props"], "badge">;
    status: ElActionButtonStatus;
    leadingIcon: 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>;
    trailingIcon: InstanceType<typeof ElIcon>["$props"] & {
        name: "ChevronDownIcon";
    };
}, {}>;
export default _default;
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToRuntimeProps<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: import('vue').PropType<T[K]>;
        required: true;
    };
};
type __VLS_WithDefaults<P, D> = {
    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
        default: D[K];
    }> : P[K];
};
type __VLS_Prettify<T> = {
    [K in keyof T]: T[K];
} & {};