import * as React from 'react';
import type { ButtonProps, ButtonSize, ButtonVariant, IconPosition } from '../../button/button';
import type { BasicHTMLHandle } from '../../handle/handle';
import type { Icon, IconSize } from '../../icons/icons';
import type { MenuItemProps, MenuProps } from '../../menu/menu';
import { MenuDivider } from '../../menu/menu';
import type { HeaderAndFooterProps, Offset, Placement } from '../../surface/popover/popover';
import { FlyoutMenuStore, useNavigableRef } from './flyout_menu_util';
export { FlyoutMenuStore, MenuDivider as FlyoutMenuDivider, useNavigableRef };
export type StatelessFlyoutMenuProps = {
    children: React.ReactNode
    trigger?: (props: FlyoutMenuTriggerProps) => React.ReactNode
    label?: React.ReactNode
    tooltipLabel?: ButtonProps['tooltipLabel']
    tooltipPlacement?: ButtonProps['tooltipPlacement']
    tooltipDisabled?: ButtonProps['tooltipDisabled']
    open: boolean
    disabled?: boolean
    tone?: Extract<ButtonVariant, 'secondary' | 'tertiary'>
    size?: Extract<ButtonSize, 'default' | 'small' | 'medium'>
    icon?: Icon
    iconSize?: Extract<IconSize, 'small' | 'medium'>
    iconPosition?: Extract<IconPosition, 'end' | 'start'>
    triggerContainerRef?: React.Ref<HTMLDivElement>
    triggerFocusRef?: React.Ref<BasicHTMLHandle>
    menuContainerRef?: React.Ref<HTMLUListElement>
    className?: string
    flyoutPlacement?: Placement
    flyoutOffset?: Offset
    blockOutsidePointerEvents?: boolean
    captureFocus?: boolean
    id?: string
    tagName?: 'div' | 'li'
    role?: 'none'
    ariaLabel?: string
    ariaLabelledBy?: string
    onRequestOpen(): void
    onRequestClose(): void
    onClose?: () => void
} & Pick<MenuProps, 'variant' | 'itemSize'> & HeaderAndFooterProps;
export type FlyoutMenuProps = Omit<StatelessFlyoutMenuProps, 'open' | 'flyoutPlacement' | 'onRequestOpen' | 'onRequestClose'> & Partial<Pick<StatelessFlyoutMenuProps, 'open' | 'onRequestOpen' | 'onRequestClose'>> & {
    end?: MenuItemProps['end']
    store?: FlyoutMenuStore
    onOpen?: () => void
    onClose?: () => void
    flyoutPlacement?: Placement
};
export type FlyoutMenuContentProps = Pick<StatelessFlyoutMenuProps, 'onRequestClose' | 'children' | 'variant' | 'itemSize'> & React.PropsWithChildren<{
    className?: string
    store?: FlyoutMenuStore
}>;
export type FlyoutMenuTriggerProps = Pick<ButtonProps, 'disclosure' | 'active' | 'selected' | 'pressed' | 'id' | 'disabled' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaControls' | 'variant' | 'size' | 'icon' | 'iconSize' | 'iconPosition' | 'children' | 'tooltipLabel' | 'tooltipDisabled' | 'tooltipPlacement'> & {
    ariaHasPopup: 'menu'
    focusRef: StatelessFlyoutMenuProps['triggerFocusRef']
    onClick: NonNullable<ButtonProps['onClick']>
    onRequestToggle(): void
};
export type FlyoutMenuItemProps = Pick<MenuItemProps, 'id' | 'className' | 'children' | 'label' | 'description' | 'disabled' | 'active' | 'selected' | 'start' | 'end' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'href' | 'target' | 'tooltipDisabled' | 'tooltipLabel' | 'tooltipLineClamp' | 'tooltipPlacement' | 'tooltipShortcut' | 'ariaLabel'>;
export declare function StatelessFlyoutMenu(props: StatelessFlyoutMenuProps): React.JSX.Element;
export declare const FlyoutMenu: React.ComponentType<FlyoutMenuProps & React.RefAttributes<BasicHTMLHandle>>;
export declare function FlyoutMenuContent(props: FlyoutMenuContentProps & React.RefAttributes<HTMLUListElement>): React.ReactNode;
export declare function FlyoutMenuItem(props: FlyoutMenuItemProps & React.RefAttributes<HTMLElement>): React.ReactNode;