import React from 'react';
import type { CommonComponentProps, ModifierClassProp } from '../types';
import type { GetRef } from '../utils/refs';
export interface CommonMenuItemProps extends CommonComponentProps, ModifierClassProp {
    active?: boolean;
    children?: React.ReactNode;
    color?: string;
    disabled?: boolean;
    getRef?: GetRef;
    id?: string;
    component?: 'button' | 'a' | 'li' | React.ComponentType;
    name?: string;
    onClick?: React.MouseEventHandler<HTMLElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
    onFocus?: React.FocusEventHandler<HTMLElement>;
    onBlur?: React.FocusEventHandler<HTMLElement>;
    refProp?: string;
    selected?: boolean;
    sortable?: boolean;
    wrapWithLI?: boolean;
    style?: React.CSSProperties;
    /**
     * If set, the `color` prop will be ignored and the menu item will use the variant's defined color
     */
    variant?: 'neutral' | 'critical';
    [key: string]: unknown;
}
export declare function CommonMenuItem({ _modifierClass, active, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, color, component, disabled, getRef, id, name, onClick, onKeyDown, refProp, selected, sortable, wrapWithLI, variant, ...rest }: CommonMenuItemProps): React.JSX.Element;