import { TooltipTriggerProps } from '@radix-ui/react-tooltip'; import { default as React } from 'react'; /** * Props for the Tooltip component */ export default interface ITooltipProps extends Omit { open?: boolean; /** * The content to display inside the tooltip */ content: React.ReactNode; /** * Optional keyboard shortcut keys displayed at the end of the tooltip * @example ['Ctrl', 'B'] */ shortcut?: string[]; /** * Merges the trigger's props onto the immediate child instead of wrapping it in an extra * `` markup. Must not be used on a non-focusable * child (e.g. plain text, `

`) — Radix adds no `tabIndex` in that mode, which would make the * tooltip unreachable by keyboard. * @default false */ asChild?: boolean; /** * The element that triggers the tooltip */ children: React.ReactNode; /** * The preferred side of the trigger to render the tooltip * @default 'top' */ side?: 'top' | 'right' | 'bottom' | 'left'; /** * The preferred alignment against the trigger * @default 'center' */ align?: 'start' | 'center' | 'end'; /** * The distance in pixels from the trigger * @default 4 */ sideOffset?: number; /** * When true, the tooltip will not be shown * @default false */ hidden?: boolean; /** * Optional delay duration in ms for showing the tooltip * @default 0 */ delayDuration?: number; }