import * as React from 'react';

interface InfoTooltipProps {
    /** Explainer text shown when the info icon is hovered/focused. */
    text: React.ReactNode;
    /** Tooltip placement relative to the icon. Defaults to "top". */
    side?: "top" | "right" | "bottom" | "left";
    /** Extra classes for the info-icon trigger (e.g. size or colour tweaks). */
    className?: string;
    /** Extra classes for the tooltip content bubble (e.g. a wider max-width). */
    contentClassName?: string;
}
/**
 * InfoTooltip — a muted info (ⓘ) icon that reveals an explainer tooltip on
 * hover/focus. The shared primitive behind the "how is this calculated" hints
 * on cards and category breakdowns (dashboard expense categories, incoming &
 * outgoings, etc.).
 */
declare function InfoTooltip({ text, side, className, contentClassName, }: InfoTooltipProps): React.ReactElement;

export { InfoTooltip, type InfoTooltipProps };