import React from 'react';
import { Offset, Placement, PopupProps } from '@parlor/common/components/popup';
export type TooltipProps = {
    /**
     * @description placement of the arrow
     * @type {('start' | 'middle' | 'end' | 'none')}
     * @default "none"
     */
    arrow?: 'start' | 'middle' | 'end' | 'none';
    /**
     * @description tooltip background color
     * @type {string}
     */
    backgroundColor?: string;
    /**
     * @description element which will trigger tooltip visibility
     * @type {JSX.Element}
     */
    children: JSX.Element;
    /**
     * @description tooltip container className
     * @type {string}
     */
    className?: string;
    /**
     * @description will close tooltip on click inside
     * @type {boolean}
     * @default 'false'
     */
    closeOnTooltipClick?: boolean;
    /**
     * @description delay for opening and closing tooltip in `milliseconds`
     * @type {number}
     * @default 200
     */
    delayMs?: number;
    /**
     * hoverable class name
     */
    hoverableClassName?: string;
    /**
     * @description disable mouseLeave
     * @type {boolean}
     * @default 'false'
     */
    isDebugMode?: boolean;
    /**
     * @description vertical and horizontal offsets
     * @type {Offset}
     */
    offset?: Offset;
    /**
     * @description show tooltip on event
     * @type {('hover' | 'click')}
     * @default 'hover'
     */
    on?: 'hover' | 'click';
    /**
     * callback when click on tooltip
     */
    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * @description placement of the tooltip
     * @type {('bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top')}
     * @default "bottom"
     */
    placement?: Placement;
    portalElement?: PopupProps['portalElement'];
    showClose?: boolean;
    /**
     * @description content of the tooltip
     * @type {(string | JSX.Element)}
     */
    text: string | JSX.Element;
    /**
     * @description tooltip text color
     * @type {string}
     */
    textColor?: string;
    /**
     * @description if tooltip is visible
     * @type {boolean}
     * @default 'auto'
     */
    visible?: boolean | 'auto';
    zIndex?: number;
};
export declare function Tooltip({ className, text, children, arrow, placement, on, visible, delayMs, hoverableClassName, backgroundColor, portalElement, onClick, closeOnTooltipClick, showClose, isDebugMode, textColor, offset, zIndex, }: TooltipProps): JSX.Element;
