import type { ReactElement } from 'react';
interface RechartsTooltipPayload {
    readonly name?: string | number;
    readonly value?: number | string;
    readonly dataKey?: string | number;
    readonly color?: string;
    readonly payload?: Record<string, unknown>;
}
export interface ChartTooltipProps {
    readonly active?: boolean;
    readonly payload?: ReadonlyArray<RechartsTooltipPayload>;
    readonly label?: string | number;
    /** Optional label formatter (e.g. format an ISO date). */
    readonly labelFormatter?: (label: string | number) => string;
    /** Optional value formatter (e.g. percent, currency). */
    readonly valueFormatter?: (value: number | string, name: string) => string;
}
/**
 * Drop-in `<Tooltip content={<ChartTooltip />} />` for Recharts.
 *
 * Surfaces, borders, shadows and text colours all come from CSS variables so
 * the tooltip follows the active theme (light/dark + preset overrides).
 *
 * Each row aligns a coloured dot (the series colour Recharts gives us) with
 * the series name and the value. The value is right-aligned for scannability.
 */
export declare function ChartTooltip({ active, payload, label, labelFormatter, valueFormatter, }: ChartTooltipProps): ReactElement | null;
export {};
//# sourceMappingURL=ChartTooltip.d.ts.map