import { Placement } from '@floating-ui/react'; import { CSSProperties, ReactElement, ReactNode } from 'react'; interface TooltipSlotProps { tooltip?: { sx?: unknown; className?: string; style?: CSSProperties; }; popper?: unknown; transition?: unknown; arrow?: unknown; } /** * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#14680-25248 * Figma "Tooltip" (Theme=Day): delta-800 #363e4a body, px8/py4, radius 3, Helper 14px/lh20 white, * max-width 320, optional arrow (9 placements). Float drop-shadow. */ export interface TooltipProps { title: ReactNode; children: ReactElement; /** @figmaProp Arrow placement (Top/Bottom/Left/Right × start/middle/end) */ placement?: Placement; /** @figmaProp Arrow = true→"Arrow" | false→"None" */ arrow?: boolean; enterDelay?: number; leaveDelay?: number; open?: boolean; onOpen?: () => void; onClose?: () => void; disableHoverListener?: boolean; disableFocusListener?: boolean; disableTouchListener?: boolean; offsetDistance?: number; className?: string; slotProps?: TooltipSlotProps; } /** * Tooltip built on `@floating-ui/react` (replaces MUI `Tooltip`) — hover(+`enterDelay`)/focus open, * dismiss on blur/esc, `flip`/`shift` collision handling, optional arrow, portalled. Empty `title` * renders the child alone (MUI parity). Preserves the `#363E4A` design and the `title`/`placement`/ * `arrow`/`enterDelay`/`open`/`slotProps` surface (DEC-003). TASK-301. */ export declare const StyledTooltip: (props: TooltipProps) => JSX.Element; export {};