import type { ElementType } from "react"; import type { HovercardOptions } from "../hovercard/hovercard.tsx"; import type { Props } from "../utils/types.ts"; import type { TooltipStore } from "./tooltip-store.ts"; declare const TagName = "div"; type TagName = typeof TagName; /** * Returns props to create a `Tooltip` component. * @see https://ariakit.com/components/tooltip * @example * ```jsx * const store = useToolTipStore(); * const props = useTooltip({ store }); * Anchor * Tooltip * ``` */ export declare const useTooltip: import("../utils/types.ts").Hook<"div", TooltipOptions<"div">>; /** * Renders a tooltip element that visually describes a * [`TooltipAnchor`](https://ariakit.com/reference/tooltip-anchor) when it * receives focus or is hovered. * * The tooltip is strictly for visual purposes. It's your responsibility to * ensure the anchor element has an accessible name. See [Tooltip anchors must * have accessible * names](https://ariakit.com/components/tooltip#tooltip-anchors-must-have-accessible-names) * @see https://ariakit.com/components/tooltip * @example * ```jsx {3} * * Anchor * Tooltip * * ``` */ export declare const Tooltip: (props: TooltipProps<"div">) => import("react/jsx-runtime").JSX.Element | null; export interface TooltipOptions extends HovercardOptions { /** * Object returned by the * [`useTooltipStore`](https://ariakit.com/reference/use-tooltip-store) hook. * If not provided, the closest * [`TooltipProvider`](https://ariakit.com/reference/tooltip-provider) * component's context will be used. */ store?: TooltipStore; /** * @default true */ portal?: HovercardOptions["portal"]; /** * @default 8 */ gutter?: HovercardOptions["gutter"]; } export type TooltipProps = Props>; export {};