import { ForwardRefExoticComponent } from 'react';
import { RefAttributes } from 'react';

export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLElement>>;

export declare interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
    children: React.ReactNode;
    disabled?: boolean;
    tag?: keyof React.JSX.IntrinsicElements;
}

export declare function closeMenu(menuId: string, closeOptions?: CloseMenuOptions): void;

export declare interface CloseMenuOptions {
    focusButton?: boolean;
}

export declare const Menu: ForwardRefExoticComponent<MenuProps & RefAttributes<HTMLElement>>;

export declare type MenuChildren = React.ReactNode | ((state: MenuChildrenState) => React.ReactNode);

export declare interface MenuChildrenState {
    isOpen: boolean;
}

export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLElement>>;

export declare interface MenuItemProps extends React.HTMLAttributes<HTMLElement> {
    children: React.ReactNode;
    tag?: keyof React.JSX.IntrinsicElements;
    text?: string;
    value?: unknown;
}

export declare interface MenuProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
    children: MenuChildren;
    tag?: keyof React.JSX.IntrinsicElements;
}

export declare function openMenu(menuId: string, openOptions?: OpenMenuOptions): void;

export declare interface OpenMenuOptions {
    focusMenu?: boolean;
}

export declare const Wrapper: ForwardRefExoticComponent<WrapperProps & RefAttributes<HTMLElement>>;

export declare interface WrapperProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
    children: React.ReactNode;
    onMenuToggle?: (state: {
        isOpen: boolean;
    }) => void;
    onSelection?: (value: unknown, event: React.SyntheticEvent) => void;
    closeOnSelection?: boolean;
    closeOnBlur?: boolean;
    tag?: keyof React.JSX.IntrinsicElements;
}

export { }