import { ButtonHTMLAttributes, ComponentPropsWithoutRef, ReactNode } from 'react';
import { DataTrackingId } from '../../types';
import { IconProps } from '../Icon';
/**
 * Props for the MenuItem component
 * @extends ComponentPropsWithoutRef<"button">
 */
export type MenuItemProps = {
    /**
     * Icon to display next to the menu item label
     */
    icon?: IconProps["svg"];
    /**
     * The label text or content for the menu item
     */
    label: ReactNode;
    /**
     * Whether the menu item is disabled
     * @default false
     */
    disabled?: boolean;
} & ComponentPropsWithoutRef<"button"> & DataTrackingId;
/**
 * MenuItem component for individual menu options within a Menu.
 *
 * Features:
 * - Supports icons and labels
 * - Keyboard navigation support
 * - Disabled state handling
 * - Automatic menu closing on selection
 * - Fully accessible with proper ARIA attributes
 * - Focus management and tab index handling
 * - Click and mouse enter event handling
 *
 * @example
 * <MenuItem
 *   label="Edit Profile"
 *   icon={EditIcon}
 *   onClick={() => console.log('Edit profile clicked')}
 * />
 */
export declare const MenuItem: import('react').ForwardRefExoticComponent<{
    /**
     * Icon to display next to the menu item label
     */
    icon?: IconProps["svg"];
    /**
     * The label text or content for the menu item
     */
    label: ReactNode;
    /**
     * Whether the menu item is disabled
     * @default false
     */
    disabled?: boolean;
} & Omit<import('react').DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataTrackingId & ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
