import { TooltipProps as ChakraTooltip } from "@chakra-ui/react"; /** Closed prop list, no ...rest; hasArrow defaults true, closeOnClick false, openDelay 300ms; look comes from the theme's tooltipSurface. */ export type ToolTipProps = Pick & { /** bg/color default to the theme's tooltipSurface (dark in both modes) — override only if you own the contrast. */ bg?: string; /** Label ink; defaults to the tooltipSurface text colour. */ color?: string; /** The trigger element; a non-element such as text is wrapped in a focusable span. */ children: React.ReactNode; /** Inline CSS on the tooltip bubble (forwarded as `style`), not on the child. */ styles?: React.CSSProperties; /** * When `true`, the tooltip is shown **only** while its child is actually * truncated (ellipsis active) — no tooltip when the text fully fits. The * child must be the single element that clamps the text (e.g. a `Text` with * `noOfLines` / `isTruncated`); its ref is managed internally. Combines with * `isDisabled` (either disabling condition hides the tooltip). Works for both * single-line and multi-line clamps. */ overflowOnly?: boolean; /** Defaults to "top". */ placement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end"; };