import React from 'react';
import { FlintTooltip as FlintTooltipElement } from '@getufy/flint-ui/tooltip/flint-tooltip';
/**
 * flint-tooltip
A component that displays a text label when users hover over or focus on an element.
 */
export interface FlintTooltipProps extends React.HTMLAttributes<FlintTooltipElement> {
    /** Text content displayed inside the tooltip. */
    label?: string;
    /**
     * Preferred placement of the tooltip relative to the trigger element.
     * Allowed values: 'top' | 'right' | 'bottom' | 'left'
     */
    placement?: 'top' | 'right' | 'bottom' | 'left';
    /** Show a small arrow pointing toward the trigger element. */
    arrow?: boolean;
    /** Disables the tooltip so it never appears. */
    disabled?: boolean;
    /** Delay in ms before showing the tooltip. */
    openDelay?: number;
    /** Delay in ms before hiding the tooltip. */
    closeDelay?: number;
    /** Distance in pixels between the tooltip and the trigger element. */
    distance?: number;
    /** When true, the tooltip popup uses `position: fixed` instead of `position: absolute` */
    hoist?: boolean;
    /**
     * Dispatched when the tooltip becomes visible.
     * DOM event: `flint-tooltip-show`
     */
    onFlintTooltipShow?: (event: CustomEvent) => void;
    /**
     * Dispatched when the tooltip is dismissed.
     * DOM event: `flint-tooltip-hide`
     */
    onFlintTooltipHide?: (event: CustomEvent) => void;
}
export declare const FlintTooltip: React.ForwardRefExoticComponent<FlintTooltipProps & React.RefAttributes<FlintTooltipElement>>;