import * as react_jsx_runtime from 'react/jsx-runtime'; import { ReactElement, ReactNode } from 'react'; import { Placement } from '@floating-ui/react'; import { VariantProps as VariantPropsInternal } from './variants.js'; declare const tooltip: (props?: ({ size?: "sm" | "md" | "lg" | undefined; color?: "danger" | "info" | "success" | "warning" | "primary" | "secondary" | "invert" | undefined; } & { className?: string; }) | undefined) => string; declare const tooltipAnimation: { readonly fadeIn: { readonly initial: { readonly opacity: 0; }; readonly close: { readonly opacity: 0; }; }; readonly zoomIn: { readonly initial: { readonly opacity: 0; readonly transform: "scale(0.96)"; }; readonly close: { readonly opacity: 0; readonly transform: "scale(0.96)"; }; }; readonly slideIn: { readonly initial: { readonly opacity: 0; readonly transform: "translateY(4px)"; }; readonly close: { readonly opacity: 0; readonly transform: "translateY(4px)"; }; }; }; type TooltipVariant = VariantPropsInternal; type TooltipProps = { children: ReactElement; content: ReactNode; color?: TooltipVariant['color']; size?: TooltipVariant['size']; placement?: Placement; gap?: number; animation?: keyof typeof tooltipAnimation; className?: string; arrowClassName?: string; showArrow?: boolean; }; /** * Tooltip displays informative text when users hover, focus, or click an element. * Here is the API documentation of the Tooltip component. * You can use the following props to create a demo of tooltip. */ declare function Tooltip({ children, content, gap, animation, placement, size, color, className, arrowClassName, showArrow, }: TooltipProps): react_jsx_runtime.JSX.Element; declare namespace Tooltip { var displayName: string; } export { Tooltip, type TooltipProps };