import type { IconName } from '../Icon';
import type { HTMLAttributes } from 'vue';
type MenuItemProps = {
    /**
     * The item description. It is a small text placed below the label
     */
    auxText?: string;
    /**
     * The icon of the item
     */
    icon?: IconName;
    /**
     * Controls if the item is disabled
     */
    isDisabled?: boolean;
    /**
     * The label of the item
     */
    label?: string;
    /**
     * The type of the item. If negative, the item will have a negative style
     */
    type?: 'negative';
    /**
     * Define the tag of the menu item
     */
    as?: string;
    /**
     * Define the to attribute for the dropdown item. Should be used along with router-link
     */
    to?: Record<string, unknown>;
} & /* @vue-ignore */ Pick<HTMLAttributes, 'aria-current' | 'id'>;
declare var __VLS_11: {};
type __VLS_Slots = {} & {
    default?: (props: typeof __VLS_11) => any;
};
declare const __VLS_base: import("vue").DefineComponent<MenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
    blur: () => any;
    click: (event: KeyboardEvent | MouseEvent) => any;
    focus: () => any;
    keydown: (event: KeyboardEvent) => any;
    mouseenter: () => any;
    mouseleave: () => any;
}, string, import("vue").PublicProps, Readonly<MenuItemProps> & Readonly<{
    onBlur?: (() => any) | undefined;
    onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
    onFocus?: (() => any) | undefined;
    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
    onMouseenter?: (() => any) | undefined;
    onMouseleave?: (() => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};