import { ReactNode } from 'react';
import { BoxProps } from '../../Box';
import { MenuSize } from './Menu';
export declare type MenuItemRenderProps = {
    children: ReactNode;
} | {
    label: ReactNode;
    description?: ReactNode;
};
export declare type MenuItemProps = Pick<BoxProps, 'onClick' | 'tx'> & {
    /**
     * 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[];
    /**
     * Defaults to value of `id`
     */
    ['data-testid']?: string;
    /**
     * The `size` prop determines the height of the menu item and the spacing of the adornments.
     */
    size?: MenuSize;
} & MenuItemRenderProps;
export declare const MenuItem: ({ hasDividerBottom, hasDividerTop, leftAdornment, rightAdornment, shortcut, size, tx, ...restOfProps }: MenuItemProps) => JSX.Element;