import React, { ReactElement, MouseEvent } from 'react';
import { IconName } from '../Icon';
export interface MenuItemProps {
    /**
     * Whether this menu item should appear with active state.
     */
    active?: boolean;
    /**
     * Whether this menu item is non-interactive. All event handlers will be ignored.
     */
    disabled?: boolean;
    /**
     * Whether this menu item is on focus.
     */
    focused?: boolean;
    /**
     * Icon name or a custom icon as a react element.
     */
    icon?: IconName | ReactElement;
    /**
     * Visual intent color to apply to menu item.
     */
    intent?: 'text' | 'danger';
    /**
     * Click event handler.
     */
    onClick?: (e: MouseEvent) => void;
    /**
     * Item text to display.
     */
    text: string;
    /**
     * Right-aligned content, useful for displaying hotkeys.
     */
    textElement?: ReactElement;
}
declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;
export default MenuItem;