import { MouseEvent, ReactNode } from 'react';
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16073-19226
 * Figma "Menus item" (h40, label 16px text-icon/body). Figma **State** (Enabled/Hover/Selected/
 * Disabled) ← native hover + `selected`/`disabled`; **Type** (Only Label/Icon/Checkbox/Check mark)
 * is expressed via `children`. Selected bg = `gama-50`, hover bg = `delta-50`.
 */
export interface StyledMenuItemProps {
    /** @figmaProp content — Type (Only Label / Icon / Checkbox / Check mark) via composition */
    children?: ReactNode;
    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
    /** Forwarded to the `<li>` — e.g. `stopPropagation` so a menu-item mousedown doesn't dismiss the menu. */
    onMouseDown?: (event: MouseEvent<HTMLLIElement>) => void;
    onMouseUp?: (event: MouseEvent<HTMLLIElement>) => void;
    /** @figmaProp State = true→"Disabled" */
    disabled?: boolean;
    /** @figmaProp State = true→"Selected" */
    selected?: boolean;
    /** Compact vertical padding (MUI `MenuItem` `dense` parity, DEC-003). */
    dense?: boolean;
    value?: unknown;
    className?: string;
    classes?: {
        root?: string;
        selected?: string;
    };
    sx?: unknown;
    'data-test'?: string;
    'data-testid'?: string;
}
/**
 * Native `role="menuitem"` (replaces MUI `MenuItem`). Enter/Space activate; a disabled item stays
 * focusable but non-interactive (MUI parity). Public props preserved (DEC-003). TASK-303.
 */
export declare const StyledMenuItem: ({ children, onClick, onMouseDown, onMouseUp, disabled, selected, dense, className, classes, sx, "data-test": dataTest, "data-testid": dataTestId, value: _value, }: StyledMenuItemProps) => JSX.Element;