import * as RadixTooltip from "@radix-ui/react-tooltip";
import { type FC } from "react";
import { type LegacyTextProps } from "../Text/Text";
import { Box } from "../Box/Box";
type StaticComponents = {
    Trigger: typeof RadixTooltip.Trigger;
    Root: typeof RadixTooltip.Root;
    Content: FC<ContentProps>;
    Text: typeof TooltipText;
};
type ContentProps = {
    /**
     * An optional element to which to render the tooltip in through a portal.
     *
     * When omitted the Tooltip will be rendered into the document.body.
     */
    container?: RadixTooltip.TooltipPortalProps["container"];
    backgroundColor?: React.ComponentProps<typeof Box>["backgroundColor"] | "transparent";
} & RadixTooltip.TooltipContentProps;
declare const TooltipText: FC<LegacyTextProps<"span">>;
/**
 * A collection of components to construct a tooltip.
 *
 * @example
 *
 * ```tsx
 * <Tooltip.Root>
 *  <Tooltip.Trigger asChild>
 *    <PrimaryButton>
 *      Hover me
 *    </PrimaryButton>
 *  </Tooltip.Trigger>
 *  <Tooltip.Content>
 *    <Tooltip.Text>
 *      Tooltip text
 *    </Tooltip.Text>
 *  </Tooltip.Content>
 * </Tooltip.Root>
 * ```
 */
export declare const Tooltip: StaticComponents;
export {};