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 {};