import { default as React } from 'react';
export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
export type TooltipColor = 'dark' | 'light' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
export interface TooltipProps {
    /** Content to display inside the tooltip */
    content: React.ReactNode;
    /** Preferred placement of the tooltip relative to anchor */
    placement?: TooltipPlacement;
    /** Color theme of the tooltip. When undefined, automatically uses 'dark' in light mode and 'light' in dark mode based on the current theme. */
    color?: TooltipColor;
    /** Show an arrow pointing to the anchor */
    arrow?: boolean;
    /** Delay in ms before the tooltip appears */
    enterDelay?: number;
    /** Delay in ms before the tooltip hides */
    leaveDelay?: number;
    /** Whether the tooltip is disabled */
    disabled?: boolean;
    /** Additional class name for the tooltip container */
    className?: string;
    /** The element that triggers the tooltip */
    children: React.ReactElement;
}
/**
 * Tooltip component that uses a React Portal to render above all other DOM elements.
 * Supports configurable placement, arrow, color theme, and enter/leave delays.
 *
 * @example
 * ```tsx
 * <Tooltip content="Hello!" placement="top" arrow>
 *   <Button>Hover me</Button>
 * </Tooltip>
 * ```
 */
export declare function Tooltip({ content, placement, color, arrow, enterDelay, leaveDelay, disabled, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
export declare namespace Tooltip {
    var displayName: string;
}
export default Tooltip;
