import React from 'react';
import { Style } from 'inlines';
import { IconProps } from '../Icon/index.js';
import { KeyHintProps } from '../KeyHint/index.js';
import { OptionCardGroupProps } from '../OptionCardGroup/index.js';
export type MenuProps = {
    children: React.ReactNode;
    position?: 'top' | 'bottom' | 'left' | 'right' | 'bottom-center' | 'top-center';
    onClose?: () => void;
    onOpen?: () => void;
    openOnHover?: boolean;
    scrollableParent?: boolean;
    autoScroll?: boolean;
    style?: Style;
};
declare const Menu: {
    ({ children, position, onClose, onOpen, openOnHover, scrollableParent, autoScroll, }: MenuProps): import("react/jsx-runtime").JSX.Element;
    Trigger: ({ children, }: {
        children?: React.ReactNode;
    }) => React.ReactNode;
    Items: React.FC<MenuItemsProps>;
    Header: ({ label, children, style }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
    Item: ({ children, label, description, leadIcon, trailIcon, selected, color, indentContent, visualOnlyKeyHint, disabled, onClick, keepOpenOnClick, hover: hoverProp, style, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
    Separator: () => import("react/jsx-runtime").JSX.Element;
    OptionCardGroup: (props: MenuOptionCardGroupProps) => import("react/jsx-runtime").JSX.Element;
    ToggleItem: ({ children, toggled, onChange, keepOpenOnClick, label, description, disabled, visualOnlyKeyHint, color, value, }: MenuToggleItemProps) => import("react/jsx-runtime").JSX.Element;
    Menu: /*elided*/ any;
    Close: () => void;
    CloseAll: () => void;
};
type MenuHeaderProps = {
    label?: string;
    children?: React.ReactNode;
    style?: Style;
};
type MenuItemsProps = {
    children: React.ReactNode;
    style?: Style;
    filterable?: boolean;
    autoScroll?: boolean;
};
export type MenuItemProps = {
    children?: React.ReactNode;
    label?: string;
    description?: string;
    leadIcon?: IconProps['variant'];
    trailIcon?: IconProps['variant'];
    color?: 'neutral' | 'red';
    indentContent?: boolean;
    visualOnlyKeyHint?: KeyHintProps['hint'];
    disabled?: boolean;
    onClick?: () => void;
    keepOpenOnClick?: boolean;
    selected?: boolean;
    hover?: boolean;
    style?: Style;
};
type MenuToggleItemProps = {
    children?: string | React.ReactNode;
    label?: string;
    description?: string;
    toggled?: boolean;
    onChange?: (value: boolean) => void;
    keepOpenOnClick?: boolean;
    disabled?: boolean;
    visualOnlyKeyHint?: KeyHintProps['hint'];
    color?: 'neutral' | 'red';
    value?: string | number | boolean;
};
type MenuOptionCardGroupProps = OptionCardGroupProps;
export { Menu };