import * as RTooltip from '@radix-ui/react-tooltip';
import type { ReactNode } from 'react';
export type TooltipProps = RTooltip.TooltipProps & {
    content: ReactNode;
    side?: RTooltip.PopperContentProps['side'];
    align?: RTooltip.PopperContentProps['align'];
    className?: string;
    arrowClassName?: string;
    sideOffset?: RTooltip.TooltipContentProps['sideOffset'];
    alignOffset?: RTooltip.TooltipContentProps['alignOffset'];
};
export declare const Tooltip: import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & RTooltip.TooltipProps & {
    content: ReactNode;
    side?: RTooltip.PopperContentProps['side'];
    align?: RTooltip.PopperContentProps['align'];
    className?: string | undefined;
    arrowClassName?: string | undefined;
    sideOffset?: RTooltip.TooltipContentProps['sideOffset'];
    alignOffset?: RTooltip.TooltipContentProps['alignOffset'];
} & import("react").RefAttributes<any>>;