import React from "react";
import type { CSSObject } from "styled-components";
import { PopoverMenuContextProps, PopoverControlProps } from "./contexts";
import { TagProps } from "../utils/helpers/tags";
interface ListProps {
    $size: PopoverMenuContextProps["size"];
    $maxHeight?: string;
    $isButtonMenu?: PopoverMenuContextProps["isButtonMenu"];
}
export declare const List: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
export type FocusableHandle = HTMLElement | HTMLButtonElement | HTMLAnchorElement | HTMLInputElement;
export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> extends TagProps {
    /** The content of the popover menu */
    children: React.ReactNode;
    /** Whether the popover menu is open or not */
    open: boolean;
    /** The element that the popover menu is anchored to */
    popoverControl: (ref: React.RefObject<TRef>, props: PopoverControlProps) => React.ReactNode;
    size?: PopoverMenuContextProps["size"];
    /** Placement of the popover menu */
    placement?: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
    /** Middleware for the popover menu */
    middleware?: typeof menuPopoverMiddleware;
    /** Ref for the submenu control element */
    submenuControlRef?: React.MutableRefObject<HTMLElement | null>;
    /** id applied to the outer wrapper element (e.g. for aria-controls) */
    id?: string;
    /** Blur handler for the outer wrapper element */
    onBlur?: React.FocusEventHandler<HTMLElement>;
    /** Callback when the popover menu is opened */
    onOpen?: () => void;
    /** Callback when the popover menu is closed */
    onClose: (e?: Event, value?: string) => void;
    /** Set the custom width of the menu */
    width?: string;
    /** Override default control reference for popover */
    controlReference?: React.RefObject<HTMLDivElement | HTMLLIElement>;
    /** Set the custom max-height of the menu list */
    maxHeight?: string;
    /** Custom styles for the control wrapper element */
    controlWrapperStyle?: CSSObject;
    /** Aria labelledby for the listbox */
    listboxAriaLabelledBy?: string;
    /** Aria label for the listbox */
    listboxAriaLabel?: string;
    /** Controls the keyboard navigation behavior and sets roles to `list` and `listitem` */
    isButtonMenu?: boolean;
    /** Flag to notify that the menu is a submenu */
    isSubmenu?: boolean;
    /** Ref to the listbox/menu element */
    listRef?: React.Ref<HTMLUListElement>;
}
declare const menuPopoverMiddleware: (width?: string, isButtonMenu?: boolean, isSubmenu?: boolean) => {
    name: string;
    options?: any;
    fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
}[];
declare const PopoverMenu: <TRef extends FocusableHandle = HTMLElement>(props: PopoverMenuProps<TRef> & {
    ref?: React.ForwardedRef<HTMLDivElement>;
}) => React.ReactElement;
export default PopoverMenu;