@funkit/connect/dist/components/FunTooltip/FunTooltip.d.ts

Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.

import React, { type ReactNode } from 'react';
import { type BoxProps } from '../Box/Box';
export interface FunTooltipProps {
    content: ReactNode;
    children?: ReactNode;
    /**
     * @deprecated No longer needed. Radix handles collision detection automatically.
     */
    wrapperElementRef?: React.RefObject<HTMLDivElement | null>;
    /**
     * @deprecated No longer needed. Radix handles collision detection automatically.
     */
    enableDynamicPositioning?: boolean;
    /**
     * Tooltip alignment relative to the trigger along `side`:
     * - 'center': centered (default)
     * - 'left': aligned to the trigger's left edge
     * - 'right': aligned to the trigger's right edge
     */
    tooltipPosition?: 'center' | 'left' | 'right';
    /**
     * Which side of the trigger the tooltip opens on. Defaults to 'top'.
     * Radix still flips to the opposite side on collision.
     */
    side?: 'top' | 'bottom' | 'left' | 'right';
    /**
     * Offset from trigger element in pixels. Defaults to 6px.
     */
    sideOffset?: number;
    maxWidth?: number;
    /**
     * Delay in ms before showing the tooltip. Defaults to 0ms.
     */
    startDelay?: number;
    width?: BoxProps['width'];
}
export declare const TooltipAnchorRefContext: React.Context<React.RefObject<HTMLElement | null> | null>;
export declare const FunTooltip: ({ content, children, tooltipPosition, side, sideOffset, maxWidth, startDelay, width, }: FunTooltipProps) => React.JSX.Element;