import "./comparison_bar.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface ComparisonBarProps extends StyleProps {
    title: string;
    value: number;
    /** Null where no reference exists, which differs from a reference of zero. */
    reference: number | null;
    /** The register's own formatter, so a value renders one way. */
    format: (n: number) => string;
    valueLabel: string;
    referenceLabel: string;
    /**
     * Handed the signed share of the reference in points, since only the caller knows which direction
     * is good. Omitted, the pack states it.
     */
    deltaLabel?: (pct: number) => string;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * ONE FIGURE READ AGAINST ANOTHER: two bars on one axis, each stating its figure, the difference in
 * a sentence. Not a progress (a reference is not a maximum) or a breakdown (not shares of one
 * whole). The longer bar is the axis; the delta carries no tone; a null reference draws no bar.
 */
export declare function ComparisonBar(props: ComparisonBarProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;