import { PropType, VNodeChild } from "vue";
import { MenuGroupType } from "./MenuGroup";
import "./styles/MenuItem.css";
import { ExtractPublicPropTypes } from "../../util/extract-public-props";
export interface MenuItemType {
    type?: "item";
    label: string;
    extra?: string | (() => VNodeChild);
    key: string;
    children?: Array<MenuGroupType | MenuItemType>;
}
declare const menuItemProps: {
    option: {
        type: PropType<MenuItemType>;
        required: true;
    };
};
export declare type MenuItemProps = ExtractPublicPropTypes<typeof menuItemProps>;
declare const MenuItem: import("vue").DefineComponent<{
    option: {
        type: PropType<MenuItemType>;
        required: true;
    };
}, {
    selectedRef: import("vue").ComputedRef<boolean>;
    handleClick: (e: MouseEvent) => void;
    cssVars: import("vue").ComputedRef<{
        "--font-color-extra": string;
    }>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    option: {
        type: PropType<MenuItemType>;
        required: true;
    };
}>>, {}>;
export default MenuItem;