import { type ColorTokens, type LayoutStyle } from "../../style/index.js";
export interface ProgressRingProps {
    /** The value to display, 0-100. */
    value: number;
    /** A short caption beneath the number (e.g. "Complete"). */
    label?: string;
    primary?: boolean;
    success?: boolean;
    warning?: boolean;
    destructive?: boolean;
    compact?: boolean;
    /** Set the label under the ring, centred, instead of beside it (a row of rings, each named underneath). */
    stacked?: boolean;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** For sizing/composition only. */
    style?: LayoutStyle;
}
export declare function ringFill(tokens: ColorTokens, p: ProgressRingProps): string;
export declare function ringDash(v: number, size?: number, stroke?: number): {
    d: string;
    dasharray: string;
};
/** A completion ring: a track, a tone-colored arc and the percent inside. */
export declare function ProgressRing(props: ProgressRingProps): import("react").JSX.Element;
//# sourceMappingURL=progress-ring.shared.d.ts.map