import React from "react";
import { WarpTooltip } from "./tooltip.js";
/**
 * A tooltip is a message box that is displayed when a user hovers over or gives focus to a UI element.
 *
 * Tooltips should be used sparingly and contain succinct, supplementary information.
 *
 * @example
 * ```html
 * <Button id="my-button" aria-labelledby="my-tooltip">Hover over me</Button>
 * <Tooltip id="my-tooltip" htmlFor="my-button">I am a tooltip</Tooltip>
 * ```
 */
export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLAttributes<WarpTooltip>, "for" | "noArrow" | "open" | "placement" | "showDelay" | "hideDelay" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "firstUpdated" | "render" | "renderOptions" | "show" | "hide"> & {} & Partial<Omit<WarpTooltip, keyof HTMLElement>> & React.RefAttributes<WarpTooltip>, "ref"> & {
    htmlFor?: string;
} & React.RefAttributes<WarpTooltip>>;