import React, { ReactNode, MouseEvent, CSSProperties } from 'react';
import { BoxProps } from '../box/Box';
import { GenericComponent } from '../../@types/types';
interface MenuItemProps extends Omit<BoxProps, 'children' | 'className' | 'element' | 'style'> {
    /** A caption displayed underneath the label. */
    caption?: string;
    /** The content to display inside the menu item. */
    children?: ReactNode;
    /** A class name for the wrapper to give custom styles. */
    className?: string;
    /** If true, the color of label and icon will be ruby */
    destructive?: boolean;
    /** If true, component will be disabled. */
    disabled?: boolean;
    /** The element to render. */
    element?: React.ElementType;
    /** The icon to display on the left side of the label. */
    icon?: ReactNode;
    /** The text used as the label for the component. */
    label?: string;
    /** Callback function that is fired when clicking the component. */
    onClick?: (e: MouseEvent) => void;
    /** If true, component will look active. */
    selected?: boolean;
    /** Inline style passed to element */
    style?: CSSProperties;
}
declare const MenuItem: GenericComponent<MenuItemProps>;
export default MenuItem;
