import type { Ref } from 'react';
import { Popup } from '../Popup';
/**
 * Popover component is used to display additional information or actions on top of the main content of the page.
 * It is usually triggered by clicking on a button. It includes a title, a close button and a content area.
 */
export declare const Popover: import("react").ForwardRefExoticComponent<{
    children: import("react").ReactNode;
    content: import("react").ReactNode;
    title: string;
    sentiment?: "neutral" | "primary";
    visible?: boolean;
    size?: keyof typeof import("./constant").SIZES_WIDTH;
    onClose?: () => void;
    className?: string;
    'data-testid'?: string;
    maxWidth?: string;
    maxHeight?: string;
    portalTarget?: HTMLElement;
    placement?: Exclude<import("react").ComponentProps<typeof Popup>['placement'], 'nested-menu'>;
} & Pick<{
    id?: string;
    children: import("react").ReactNode | ((renderProps: {
        className?: string;
        onBlur: () => void;
        onFocus: () => void;
        onPointerEnter: () => void;
        onPointerLeave: () => void;
        ref: import("react").RefObject<HTMLDivElement | null>;
    }) => import("react").ReactNode);
    maxWidth?: number | string;
    placement?: import("../Popup/helpers").PopupPlacement;
    align?: import("../Popup/helpers").PopupAlign;
    text?: import("react").ReactNode;
    className?: string;
    containerFullWidth?: boolean;
    containerFullHeight?: boolean;
    visible?: boolean;
    innerRef?: Ref<HTMLDivElement | null>;
    role?: "dialog" | "popup" | "tooltip";
    'data-testid'?: string;
    hasArrow?: boolean;
    onClose?: () => void;
    tabIndex?: number;
    onKeyDown?: import("react").KeyboardEventHandler;
    'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>['aria-haspopup'];
    hideOnClickOutside?: boolean;
    debounceDelay?: number;
    maxHeight?: string | number;
    disableAnimation?: boolean;
    portalTarget?: HTMLElement;
    dynamicDomRendering?: boolean;
    style?: import("react").CSSProperties;
} & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=index.d.ts.map