/**
* @usevyre/react — Tooltip
*
* AI CONTEXT:
* ┌─────────────────────────────────────────────────────────┐
* │ Component: Tooltip │
* │ Import: import { Tooltip } from "@usevyre/react" │
* │ │
* │ Props: │
* │ content = string | ReactNode (tooltip text) │
* │ placement = "top"(default)|"bottom"|"left"|"right" │
* │ delay = number (ms, default 300) │
* │ disablePortal = boolean (default: false) — render the │
* │ tooltip inline instead of portaling it to │
* │ . Portaling (default) keeps it │
* │ visible inside Modal / overflow:hidden. │
* │ children = ReactNode (trigger element — must be │
* │ a single focusable element) │
* └─────────────────────────────────────────────────────────┘
*
* @example
* // Simple tooltip
*
*
*
*
* // Bottom placement
*
* Docs
*
*/
import React from "react";
export type TooltipPlacement = "top" | "bottom" | "left" | "right";
export interface TooltipProps {
content: React.ReactNode;
placement?: TooltipPlacement;
/** Delay before showing in ms. Default: 300 */
delay?: number;
/**
* Render the tooltip inline instead of teleporting it to . Default
* false: the tooltip portals to body so it stays visible inside Modal /
* overflow:hidden containers.
*/
disablePortal?: boolean;
children: React.ReactElement;
className?: string;
}
export declare const Tooltip: React.FC;