import { MouseEventHandler, ReactNode } from 'react'; import { PopperProps } from '../Popper'; import { PaperProps } from '../Paper'; export type PopoverProps = { open: boolean; placement?: PopperProps['placement']; /** * A HTML element, or a function that returns it. It's used to set the position of the popover. */ anchorEl?: HTMLElement | (() => HTMLElement) | null; /** * The content of the component. */ children?: ReactNode; onClose?: (reason: 'backdropClick' | 'escapeKey') => void; closeOnBackdropClick?: boolean; closeOnEscape?: boolean; /** * Determines if backdrop should be rendered */ backdrop?: boolean; /** * Prevents scroll when open */ preventScroll?: boolean; onMouseEnter?: MouseEventHandler; onMouseLeave?: MouseEventHandler; /** * Controls if Popover should stay inside its constraining element */ preventOverflow?: boolean; /** * Controls if Popover should flip to opposite side if there's no space to fit it */ flip?: boolean; /** * Element where Popper will mount. Default - `document.body` */ container?: HTMLElement; /** * Controls whether popover should animate itself */ animate?: boolean; /** * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content) */ type?: PaperProps['type']; className?: string; }; export declare const Popover: import("react").ForwardRefExoticComponent>; //# sourceMappingURL=Popover.d.ts.map