import { ReactNode } from 'react';
import { BoxProps } from '../../Box';
import { MenuSize } from '../../Menus/components/Menu';
import { MenuVariantName } from '../../theme/variants/menus';
import { TXProp } from '../../theme';
export declare type RadixMenuItemRenderProps = {
    children: ReactNode;
} | {
    label: ReactNode;
    description?: ReactNode;
} | {
    title: string;
} | {
    divider: boolean;
};
export declare type RadixMenuItemProps = Pick<BoxProps, 'tx' | 'id' | 'onClick'> & {
    /**
     * Renders `<MenuDivider />` below the menu item.
     */
    hasDividerBottom?: boolean;
    /**
     * Renders `<MenuDivider />` above the menu item.
     */
    hasDividerTop?: boolean;
    /**
     * Displays an element on the left of `children` or `label.
     */
    leftAdornment?: ReactNode;
    /**
     * Displays an element on the right of `children` or `label.
     */
    rightAdornment?: ReactNode;
    /**
     * The `shortcut` prop will append the keys used to trigger the shortcut.
     */
    shortcut?: string[];
    /**
     * The `size` prop determines the height of the menu item and the spacing of the adornments.
     */
    size?: MenuSize;
    /**
     * Event handler called when the user selects an item (via mouse of keyboard).
     * Calling event.preventDefault in this handler will prevent the dropdown menu from closing when selecting that item.
     */
    onClick?: (event: Event) => void;
    onSelect?: () => void;
    /**
     * Prevents item selection.
     */
    disabled?: boolean;
    /**
     * Defaults to value of `id`
     */
    ['data-testid']?: string;
    variant?: MenuVariantName;
    subOptions?: (RadixMenuItemProps & RadixMenuItemRenderProps & {
        id?: string;
    })[];
    subOptionsTx?: TXProp;
} & RadixMenuItemRenderProps;
export declare const RadixMenuItem: import("react").MemoExoticComponent<({ hasDividerBottom, hasDividerTop, leftAdornment, rightAdornment, shortcut, size, onClick, onSelect, tx, disabled, subOptions, variant, id, "data-testid": testId, subOptionsTx, ...renderProps }: RadixMenuItemProps) => JSX.Element>;