/** Props for {@link StepIndicator}. */
export interface StepIndicatorProps {
    /** Step definitions to render (only `id` and `label` are used for rendering). */
    readonly steps: readonly {
        readonly id: string;
        readonly label: string;
    }[];
    /** Zero-based index of the currently active step. */
    readonly currentStepIndex: number;
    /** Called when a completed step is clicked (backward navigation). */
    readonly onStepClick?: (index: number) => void;
    /** Additional CSS classes for the root container. */
    readonly className?: string;
}
/**
 * Vertical step progress indicator for multi-step wizards.
 *
 * Renders each step as a numbered circle with label. Steps are
 * color-coded by state: completed (filled), active (ring), pending
 * (muted). Completed steps are clickable for backward navigation.
 *
 * Responsive: collapses to a compact horizontal layout on narrow
 * viewports via CSS container queries.
 *
 * Uses `--stgm-*` tokens exclusively. Zero Console dependencies.
 */
export declare function StepIndicator({ steps, currentStepIndex, onStepClick, className, }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=StepIndicator.d.ts.map