import { GamutIconProps } from '@codecademy/gamut-icons';
import { ComponentProps } from 'react';
import { ToolTipProps } from '../Tip/ToolTip';
import { ListItem } from './elements';
type HTMLProps = Partial<Pick<HTMLAnchorElement, 'href' | 'target' | 'rel'>>;
type ForwardListItemProps = Omit<ComponentProps<typeof ListItem>, 'variant' | 'selected' | 'active-navlink' | 'children'>;
type ToolTipLabel = string | Omit<ToolTipProps, 'id'>;
interface MenuItemIconOnly extends HTMLProps, ForwardListItemProps {
    icon: React.ComponentType<GamutIconProps>;
    children?: never;
    /** ToolTips will only render for interactive items, otherwise the label will be used as a generic aria-label  */
    label: ToolTipLabel;
    disabled?: boolean;
}
interface MenuTextItem extends HTMLProps, ForwardListItemProps {
    icon?: React.ComponentType<GamutIconProps>;
    children: React.ReactNode;
    label?: ToolTipLabel;
    disabled?: boolean;
}
export declare const MenuItem: import("react").ForwardRefExoticComponent<(Omit<MenuItemIconOnly, "ref"> | Omit<MenuTextItem, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLLIElement>>;
export {};