/**
 * PhaseProgress — horizontal phase-step strip with connector lines.
 * @countermeasure-platform/web-components/primitives/phase-progress
 *
 * Renders one filled circle + label per declared phase, joined by a
 * connector line. Status colors key off the `status` of the run + the
 * position of `currentPhase` within `phases`:
 *   - phases before currentPhase → "completed" (filled)
 *   - the currentPhase           → reflects `status` (running/failed/...)
 *   - phases after currentPhase  → "pending"
 *
 * Token-driven via the shadcn-compat tokens (`bg-primary`, `bg-muted`,
 * `text-muted-foreground`, `bg-success`, `bg-destructive`, `bg-warning`)
 * so it themes alongside the host app.
 */
import * as React from 'react';
export type PhaseProgressStatus = 'queued' | 'running' | 'completed' | 'failed' | 'cancelled';
export interface PhaseProgressPhase {
    key: string;
    label: string;
}
export interface PhaseProgressProps extends React.HTMLAttributes<HTMLDivElement> {
    phases: PhaseProgressPhase[];
    currentPhase: string;
    status: PhaseProgressStatus;
}
export declare function PhaseProgress({ phases, currentPhase, status, className, ...rest }: PhaseProgressProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=phase-progress.d.ts.map