import type { ReactNode } from 'react'; import React from 'react'; import type { BaseProps } from '@toptal/picasso-shared'; import type { PopperOptions } from './popper-options'; import type { PopperHandle } from './use-popper-handle'; export type { PopperModifierOptions, PopperModifiers, PopperOptions, PopperPadding, } from './popper-options'; export type { PopperHandle } from './use-popper-handle'; export { getPopperOptions } from './popper-options'; export type PopperPlacementType = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top'; /** Structural stand-in for popper.js v1's `ReferenceObject` */ export interface PopperReferenceObject { clientHeight: number; clientWidth: number; getBoundingClientRect: () => ClientRect; } export interface Props extends BaseProps { children?: ReactNode; /** if true, the popper is visible */ open?: boolean; /** Disable the portal behavior. The children stay within it's parent DOM hierarchy */ disablePortal?: boolean; /** Popper placement */ placement?: PopperPlacementType; /** Options provided to the popper instance */ popperOptions?: PopperOptions; /** Always keep Popper's children in the DOM */ keepMounted?: boolean; /** * A node, component instance, or function that returns either. * The `container` will have the portal children appended to it. * By default, it uses the picasso root node */ container?: HTMLElement | (() => HTMLElement); /** * HTML Element instance or a referenceObject * https://popper.js.org/popper-documentation.html#referenceObject */ anchorEl: null | PopperReferenceObject | (() => PopperReferenceObject); /** Popper automatically resize to anchor element width */ autoWidth?: boolean; /** Popper width */ width?: string; /** Take full window width on small and medium screens */ enableCompactMode?: boolean; /** ARIA role of the floating element, matching the popup's content (defaults to `tooltip`) */ role?: React.AriaRole; } export declare const Popper: React.ForwardRefExoticComponent>; export default Popper; //# sourceMappingURL=Popper.d.ts.map