import * as React from 'react';
import type { AgStep } from '../types.js';
export interface AgentStepsProps {
    /** Agent steps in execution order; each renders its status and label. */
    steps: readonly AgStep[];
    /** Class name merged onto the root element. */
    className?: string | undefined;
}
/**
 * REQ-SURF-123: server-safe ordered list of agent steps. Each step shows a
 * per-state SVG icon + state text (+ duration). The running atom is CSS-only
 * (ai.css `[data-ag-part=step][data-state=running] [data-ag-part=step-icon]::after`)
 * and static under reduced motion / `data-ag-motion` calm|none, where the
 * visible "Running" text remains the signal.
 */
export declare function AgentSteps({ steps, className }: AgentStepsProps): React.JSX.Element;
//# sourceMappingURL=AgentSteps.d.ts.map