import type { ThemeUtilsCSS } from '@fuel-ui/css';
import type { Node } from '@react-types/shared';
import type { Key, ReactNode } from 'react';
import type { TreeState } from 'react-stately';
import type { HTMLProps } from '../../utils';
import type { ButtonProps } from '../Button';
export type MenuItemProps = HTMLProps['li'] & {
    item: Node<ReactNode>;
    state: TreeState<ReactNode>;
    onAction?: (key: Key) => void;
    onPress?: ButtonProps['onPress'];
    css?: ThemeUtilsCSS;
    className?: string;
    autoFocus?: boolean;
};
export declare const MenuItem: import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & import("react").LiHTMLAttributes<HTMLLIElement> & {
    item: Node<ReactNode>;
    state: TreeState<ReactNode>;
    onAction?: ((key: Key) => void) | undefined;
    onPress?: ButtonProps['onPress'];
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    autoFocus?: boolean | undefined;
} & import("react").RefAttributes<any>>;