import * as react from 'react';
import { HTMLAttributes } from 'react';

interface DonutSegment {
    label: string;
    value: number;
    /** Optional since 4.8.44 — omitted colors cycle the `--chart-1…5` palette. */
    color?: string;
}
interface DonutProps extends HTMLAttributes<HTMLDivElement> {
    segments: DonutSegment[];
    size?: number;
    /**
     * Focusable legend rows that highlight their arc: Tab reaches the legend,
     * ↑/↓ (or ←/→) move between rows, Home/End jump, Esc dismisses. Rows carry
     * aria-labels ("Diesel: 420, 38%") announced on focus; the active row shows
     * its value next to the percentage and dims the other arcs.
     */
    interactive?: boolean;
    /** Accessible legend name when `interactive` (default "Chart legend"). */
    ariaLabel?: string;
    /**
     * Scale the ring down to fit narrow containers instead of a fixed `size`
     * (capped at `size`, stays perfectly circular — a square viewBox scales
     * uniformly). The legend wraps below the ring when space is tight.
     */
    fluid?: boolean;
}
declare const Donut: react.ForwardRefExoticComponent<DonutProps & react.RefAttributes<HTMLDivElement>>;

export { Donut, type DonutProps, type DonutSegment };