import React, { type ReactNode } from 'react'; import type { TestIdProp } from '../../types'; import { EAlignment } from '../Positioner/alignment'; import { type ToolTipSize } from './useTooltip/useTooltip'; export interface TooltipProps extends TestIdProp { /** Size of the tooltip text */ size?: ToolTipSize; /** Whether the tooltip is open. When provided, the tooltip becomes controlled */ isOpen?: boolean; /** Text content displayed in the tooltip */ label: string; /** Position of the tooltip relative to the trigger element */ alignment?: EAlignment; /** The element(s) that trigger the tooltip on hover or focus */ children: ReactNode; /** Auto-close the tooltip after this many milliseconds. Set to null to disable auto-close */ closeAfter?: number | null; /** An HTML tag to wrap the tooltip trigger with if children do not contain a keyboard focusable element */ wrapper?: boolean | keyof React.JSX.IntrinsicElements; } /** * Renders a tooltip that appears when the user hovers over or focuses on the trigger element. * * If the provided children are not keyboard-focusable, you can supply set `wrapper` to true to * ensure keyboard accessibility. You can also give a tag name to the `wrapper` prop. * * This component can operate in either controlled or uncontrolled mode: * - In uncontrolled mode, it opens on hover/focus and can auto-close after a specified delay. * - In controlled mode, its visibility is managed externally via the `isOpen` prop. */ export declare const Tooltip: { ({ alignment, isOpen, label, children, size, closeAfter, testId, wrapper, }: TooltipProps): React.JSX.Element; displayName: string; }; //# sourceMappingURL=Tooltip.d.ts.map