import { BoxProps, CompoundStylesApiProps, MantineColor, PolymorphicFactory } from '../../../core'; export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection'; export interface MenuItemProps extends BoxProps, CompoundStylesApiProps { 'data-disabled'?: boolean; /** Item label */ children?: React.ReactNode; /** Key of `theme.colors` or any valid CSS color */ color?: MantineColor; /** Controls whether the menu closes when this item is clicked. When undefined, inherits from Menu's `closeOnItemClick` prop. When true or false, overrides the Menu-level setting */ closeMenuOnClick?: boolean; /** Section displayed at the start of the label */ leftSection?: React.ReactNode; /** Section displayed at the end of the label */ rightSection?: React.ReactNode; /** Sets disabled attribute, applies disabled styles */ disabled?: boolean; } export type MenuItemFactory = PolymorphicFactory<{ props: MenuItemProps; defaultRef: HTMLButtonElement; defaultComponent: 'button'; stylesNames: MenuItemStylesNames; compound: true; }>; export declare const MenuItem: ((props: import("../../..").PolymorphicComponentProps) => React.ReactElement) & Omit & { ref?: any; renderRoot?: (props: any) => any; }) | (MenuItemProps & { component: React.ElementType; renderRoot?: (props: Record) => any; })>, never> & import("../../..").ThemeExtend<{ props: MenuItemProps; defaultRef: HTMLButtonElement; defaultComponent: "button"; stylesNames: MenuItemStylesNames; compound: true; }> & import("../../..").ComponentClasses<{ props: MenuItemProps; defaultRef: HTMLButtonElement; defaultComponent: "button"; stylesNames: MenuItemStylesNames; compound: true; }> & import("../../..").PolymorphicComponentWithProps<{ props: MenuItemProps; defaultRef: HTMLButtonElement; defaultComponent: "button"; stylesNames: MenuItemStylesNames; compound: true; }> & Record;