import "./legend_item.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
interface LegendItemProps extends StyleProps {
    /** Square swatch color — should match the segment in the chart this
     * legend annotates. */
    color: string;
    label: string;
    /** Optional count to render after the label. `null` for loading state. */
    value?: number | string | null;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * Color swatch + label + optional count. Used as the legend row below a
 * split `Progress`, a `BarChart`/`PieChart` with per-series colors, or
 * any other chart where consumers need to map color → meaning.
 *
 * Tabular nums on the value (via Metric) keep counts aligned when several
 * legend items sit in a row.
 */
export declare function LegendItem(props: LegendItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export {};