export declare const DEFAULT_MAX_WIDTH = "268px";
/**
 * The general-purpose Tooltip component.
 * This component extends the props of `<span>` element.
 *
 * ## Class Name Usage
 *
 * The component supports two types of class name customization:
 * - `className`: Applied to the root wrapper element that contains the trigger children
 * - `contentProps.className`: Applied to the floating tooltip content element
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span
 *
 * @example
 * ```tsx
 * // Basic usage with tooltip content styling
 * <Tooltip
 *   contentProps={{ className: 'custom-tooltip' }}
 *   content="Styled tooltip"
 * >
 *   <Button>Trigger</Button>
 * </Tooltip>
 *
 * // Usage with both root and tooltip styling
 * <Tooltip
 *   className="wrapper-styling"
 *   contentProps={{ className: 'tooltip-styling' }}
 *   content="Fully styled"
 * >
 *   <Button>Trigger</Button>
 * </Tooltip>
 * ```
 */
export declare const Tooltip: import("react").ForwardRefExoticComponent<{
    children?: import("react").ReactNode;
    open?: boolean;
    onOpenStateChanged?: (open: boolean) => void;
    content?: import("react").ReactNode;
    placement?: import("./Tooltip.types").TooltipPlacement | import("./Tooltip.types").TooltipPlacement[];
    trigger?: import("./Tooltip.types").TooltipTriggerType | import("./Tooltip.types").TooltipTriggerType[];
    targetDOMNode?: HTMLElement | null;
    disabled?: boolean;
    hideFromScreenReader?: boolean;
    maxWidth?: import("react").CSSProperties["maxWidth"];
    contentProps?: Pick<import("react").ComponentPropsWithoutRef<"div">, "className" | "id">;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "disabled" | "content"> & import("react").RefAttributes<HTMLDivElement>>;