import React, { ReactNode, JSX } from 'react';
import './Popover.scss';
export type PopoverProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> & {
    content: ReactNode;
    children: JSX.Element;
    open?: boolean;
    anchor?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
    zIndex?: number;
    autoPreview?: boolean;
    smoothTransitioning?: boolean;
    /** Semantic role for the popover content (e.g., 'tooltip', 'dialog', 'menu', 'listbox') */
    role?: 'tooltip' | 'dialog' | 'menu' | 'listbox';
    /** Accessible label for the popover content */
    'aria-label'?: string;
    /** ID of element that labels the popover */
    'aria-labelledby'?: string;
    /** ID for the popover content */
    popoverId?: string;
    /** Open popover when trigger receives focus */
    openOnFocus?: boolean;
    /** Close popover when Escape is pressed */
    closeOnEscape?: boolean;
    /** Callback fired when user attempts to close (e.g., Escape key). */
    onClose?: () => void;
    /** Automatically focus the popover content when opened */
    autoFocus?: boolean;
};
export declare const POPOVER_MOUSEOUT_DELAY_MS = 200;
export declare const Popover: React.FC<PopoverProps>;