import { type CSSProperties, type ReactNode } from 'react';
import { type Placement } from 'tippy.js';
import 'tippy.js/animations/scale.css';
import './popover-tippy.scss';
export type IPopoverProps = {
    value?: boolean;
    trigger?: 'click' | 'mouseenter' | 'manual';
    placement?: Placement;
    appendTo?: HTMLElement | 'parent';
    contentStyle?: CSSProperties;
    center?: boolean;
    offset?: number;
    /** Align to the trigger's parent instead of the trigger itself (e.g. a chevron inside a grouped button). */
    anchorParent?: boolean;
    onUpdateValue?: (payload: boolean) => void;
    onShow?: () => void;
    onHide?: () => void;
    content?: ReactNode;
    children?: ReactNode;
    className?: string;
    style?: CSSProperties;
};
declare const _default: import("react").MemoExoticComponent<(vrProps: IPopoverProps) => import("react").JSX.Element>;
export default _default;