import { IconProps, Badge, MenuItem as ChakraMenuItem, Icon } from '@chakra-ui/react';
import { ComponentProps, ReactNode } from 'react';
type ChakraMenuItemProps = ComponentProps<typeof ChakraMenuItem>;
type MenuItemIcon = ComponentProps<typeof Icon>["as"];
type MenuItemIconColor = IconProps["color"];
type MenuItemTagColor = ComponentProps<typeof Badge>["colorPalette"];
type MenuItemTagVariant = ComponentProps<typeof Badge>["variant"];
type MenuItemVariant = "default" | "compact";
interface MenuItemProps {
    id?: string;
    children?: ReactNode;
    isDisabled?: boolean;
    isSelected?: boolean;
    primaryLabel: string;
    secondaryLabel?: string;
    tooltipLabel?: ReactNode;
    leftIcon?: MenuItemIcon | null;
    leftSlot?: ReactNode;
    rightIcon?: MenuItemIcon | null;
    leftIconColor?: MenuItemIconColor;
    rightIconColor?: MenuItemIconColor;
    leftIconSize?: string;
    rightIconSize?: string;
    rightIconAriaLabel?: string;
    rightTooltipLabel?: ReactNode;
    onRightIconClick?: () => void;
    tagLabel?: ReactNode;
    tagColorPalette?: MenuItemTagColor;
    tagVariant?: MenuItemTagVariant;
    variant?: MenuItemVariant;
    tabIndex?: number;
    width?: ChakraMenuItemProps["width"];
    maxWidth?: ChakraMenuItemProps["maxWidth"];
    setRefElement?: ChakraMenuItemProps["ref"];
    onClick?: ChakraMenuItemProps["onClick"];
    onMouseDown?: ChakraMenuItemProps["onMouseDown"];
    onMouseEnter?: ChakraMenuItemProps["onMouseEnter"];
}
export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
export {};
