import "./legend_item.css";
import type * as React from "react";
import type { ReactNode } from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
interface LegendItemProps extends StyleProps {
    /** Match the chart segment it annotates. */
    color: string;
    label: string;
    /** The mark its name leads with, after the swatch, where the series is someone or something with a face (a
     *  person's `Avatar`, a linked row's picture); unsized, a line's rung. */
    leading?: ReactNode;
    /** `null` while loading. */
    value?: number | string | null;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * The legend row under a split `Progress` or a multi-series chart. Tabular values align across
 * items.
 */
export declare function LegendItem(props: LegendItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export {};