import { InjectionKey, MaybeRefOrGetter } from 'vue';
import { Nullable, OnyxColor } from '../../../../types/index.js';
import { WithLinkProp } from '../../../OnyxRouterLink/types.js';
export declare const MENU_ITEM_INJECTION_KEY: InjectionKey<{
    onHoverEnter: () => void;
    onHoverLeave: () => void;
    openDirection: "right";
}>;
export declare const MENU_ITEM_DRILLDOWN_INJECTION_KEY: InjectionKey<{
    drilldownMode: "internal";
}>;
export type OnyxMenuItemProps = WithLinkProp & {
    /**
     * If the children of the menu item are visible.
     */
    open?: Nullable<boolean>;
    /**
     * Label text for the menu item.
     */
    label?: string;
    /**
     * Icon to be displayed next to the label.
     */
    icon?: string;
    /**
     * Whether the item is currently active. This is the case if the page of the given link is
     * currently open. If "auto" and a [router](https://onyx.schwarz/development/router.html) is
     * provided, the active state will be determined automatically based on the current route.
     */
    active?: boolean | "auto";
    /**
     * Whether the menu item is disabled.
     */
    disabled?: boolean;
    /**
     * Main color of the item content.
     */
    color?: Extract<OnyxColor, "primary" | "danger">;
};
export type NestedMenuContext = {
    onHoverEnter: () => void;
    onHoverLeave: () => void;
    openDirection?: MaybeRefOrGetter<"left" | "right">;
};
export type NestedMenuDrilldownModeContext = {
    drilldownMode: MaybeRefOrGetter<"internal" | "external">;
    resetMinHeight: () => void;
};