import React from 'react';
import type { Placement, Strategy } from '@floating-ui/dom';
import type { Colors } from '../../types';
type Position = {
    top?: number;
    right?: number;
    bottom?: number;
    left?: number;
};
interface TooltipProps {
    arrowRef?: React.Ref<HTMLDivElement> | React.RefObject<HTMLDivElement>;
    arrowPosition?: Position;
    bgColor?: Colors;
    className?: string;
    color?: Colors;
    enableArrow?: boolean;
    children: React.ReactNode;
    enableTransition?: boolean;
    fontSize?: 'xs' | 's' | 'base' | 'l' | 'xl';
    id?: string;
    placement?: Placement;
    position?: Position;
    show?: boolean;
    strategy?: Strategy;
    tooltipRef?: React.Ref<HTMLDivElement> | React.RefObject<HTMLDivElement>;
    zIndex?: number;
}
export declare function Tooltip({ arrowRef, arrowPosition, bgColor, children, color, className, enableArrow, enableTransition, fontSize, id, placement, position, show, strategy, tooltipRef, zIndex }: TooltipProps): React.JSX.Element;
export {};