import { type ColorTokens, type LayoutStyle } from "../../style/index.js";
export interface GaugeProps {
    /** The value to display, 0–100. */
    value: number;
    /** A short caption beneath the number (e.g. "Uptime"). */
    label?: string;
    primary?: boolean;
    /** Use the wider 250 px adoption dial. */
    large?: boolean;
    success?: boolean;
    warning?: boolean;
    destructive?: boolean;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** For sizing/composition only. */
    style?: LayoutStyle;
}
export declare function gaugeFill(tokens: ColorTokens, p: GaugeProps): string;
export declare function gaugeArc(v: number): {
    d: string;
    dasharray: string;
};
/** A radial dial: a track, a tone-colored fill arc and the value inside. */
export declare function Gauge(props: GaugeProps): import("react").JSX.Element;
//# sourceMappingURL=gauge.shared.d.ts.map