import { PopOverVariant } from './utils';
export type PopOverRole = 'tooltip' | 'dialog' | 'group';
export type PopOverPlacement = 'top' | 'bottom';
export interface PopOverProps {
    /** Sets aria-label of the bubble. If role is set to dialog ariaLabel or ariaLabelledById MUST be set! */
    ariaLabel?: string;
    /** Sets aria-labelledby of the bubble. If role is set to dialog ariaLabel or ariaLabelledById MUST be set! */
    ariaLabelledById?: string;
    /** Id of the PopOver */
    id?: string;
    /** Content shown inside PopOver. Note that if role="tooltip", you must not include interactive/focusable elements. */
    children: React.ReactNode;
    /** Ref for the element the PopOver is placed upon */
    controllerRef: React.RefObject<HTMLElement | SVGSVGElement | null>;
    /** Show the popover. Only applies when role=tooltip. Default: false. */
    show?: boolean;
    /** Adds custom classes to the element. */
    className?: string;
    /** @deprecated Adds custom classes to the arrow element. */
    arrowClassName?: string;
    /** @deprecated use placement instead. Determines the placement of the popover. Default: automatic positioning. */
    variant?: keyof typeof PopOverVariant;
    /** Sets the placement of the popover relative to the trigger if there is space, otherwise automatic. */
    placement?: PopOverPlacement;
    /** Sets role of the PopOver element */
    role?: PopOverRole;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Overrides the default z-index of PopOver */
    zIndex?: number;
    /** Ref that is passed to the component */
    ref?: React.Ref<HTMLDivElement | SVGSVGElement | HTMLElement | null>;
}
declare const PopOver: React.FC<PopOverProps>;
export default PopOver;
