import { CSSProperties, ReactNode } from "react";
import { ArrowDirections, ArrowOffsets } from "./typings.js";
import { OverlayPositionType } from "../typings/overlay.js";
import { IAlignPoint } from "../typings/positioning.js";
export declare const X_SHIFT = 7;
export declare const Y_SHIFT = 11;
/**
 * @internal
 */
export interface IBubbleProps {
    id?: string;
    alignPoints?: IAlignPoint[];
    alignTo?: string | HTMLElement | null;
    arrowOffsets?: ArrowOffsets;
    arrowDirections?: ArrowDirections;
    arrowStyle?: CSSProperties;
    className?: string;
    closeOnOutsideClick?: boolean;
    closeOnParentScroll?: boolean;
    closeOnEscape?: boolean;
    /**
     * Array of refs where user clicks should be ignored
     * and bubble should not be closed by clicking on them
     */
    ignoreClicksOn?: any[];
    ignoreClicksOnByClass?: string[];
    onClose?: () => void;
    onMouseEnter?: () => void;
    onMouseLeave?: () => void;
    onKeyDown?: () => void;
    overlayClassName?: string;
    children?: ReactNode;
    overlayPositionType?: OverlayPositionType;
    ensureVisibility?: boolean;
}
/**
 * @internal
 */
export interface IBubbleState {
    alignPoints: IAlignPoint[];
    optimalAlignPoints: string;
}
/**
 * @internal
 */
export declare const Bubble: import("react").NamedExoticComponent<IBubbleProps>;
//# sourceMappingURL=Bubble.d.ts.map