import type { LegendProp } from "../../props/components/data-display.prop.js";
export type { LegendItemProp, LegendProp, LegendProp as LegendProps } from "../../props/components/data-display.prop.js";
/**
 * Legend — the KEY for a set of tones: which colour means what.
 *
 * Pair it with anything that encodes meaning as colour and cannot repeat the words on every mark:
 * a `Progress` breakdown, a chart, a status column. It is the reason a colour-coded surface can
 * satisfy WCAG 1.4.1 — the tone is never the only carrier of the meaning, because the key spells
 * it out once in words.
 *
 * The swatch is `aria-hidden`: it is the same information as the label beside it, and a screen
 * reader announcing "square, overdue" twice per key is noise. What reaches assistive tech is a
 * plain list of the labels, which is exactly what the key says.
 */
export declare function Legend({ items, className, ...props }: LegendProp): import("react").JSX.Element;