import * as React from 'react'; import { Size } from '../types'; import { DropdownItem } from '../Dropdown'; export interface MenuItemProps extends Omit, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> { /** Required. Details of the item. */ item: DropdownItem; /** Required. Handler to be called when user clicks on the menu item */ onClickHandler: (e: React.MouseEvent) => void; /** Required. Styles are different for MenuItems in 'active' state. */ active: boolean; /** Required. Id of the MenuItem. */ id: string; /** Optional. Size of the component. Defaults to 'medium'. */ size?: Size.Small | Size.Medium | Size.Large; /** Optional. Icon to be shown on the right side of the menu item. Icon will be shown only if 'locked' flag of 'item' is not set. */ iconRight?: React.ReactElement; } export declare const DropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLButtonElement>, { $size?: Size; }>> & string; export declare const ItemLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; export declare const ItemIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; export declare const ItemIconRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; export declare const ItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { $size: Size; }>> & string; export declare const DropdownButtonCSS: (size?: Size) => import("styled-components").RuleSet; declare const MenuItem: React.ForwardRefExoticComponent>; export default MenuItem;