import type { ReactElement } from 'react';
export interface ChartLegendItem {
    readonly id: string;
    readonly label: string;
    readonly color: string;
    /** Optional secondary value displayed next to the label (e.g. "1 234 accès"). */
    readonly value?: string;
}
export interface ChartLegendProps {
    readonly items: ReadonlyArray<ChartLegendItem>;
    /** Highlight a single item — used when a chart series is hovered. */
    readonly activeId?: string;
    /** Callback fired when a legend row is hovered. */
    readonly onHover?: (id: string | null) => void;
    /** Callback fired when a legend row is clicked. */
    readonly onSelect?: (id: string) => void;
    /** Accessible label describing the legend's purpose. */
    readonly ariaLabel?: string;
}
/**
 * Standardised legend rendered below a chart. Replaces Recharts' native
 * `<Legend />` for charts that need either richer item content (a numeric
 * value, an `activeId` highlight) or strict theme conformance.
 *
 * Items are clickable / hoverable when callbacks are provided. Colours flow
 * from the caller (typically `getCategoricalColors()`), so the legend
 * automatically reflects palette overrides from the active preset.
 */
export declare function ChartLegend({ items, activeId, onHover, onSelect, ariaLabel, }: ChartLegendProps): ReactElement;
//# sourceMappingURL=ChartLegend.d.ts.map