import React from 'react';

interface StepProgressProps {
    currentStep: number;
    totalSteps: number;
}

export function StepProgress({ currentStep, totalSteps }: StepProgressProps) {
    return (
        <div className="w-full bg-secondary h-2 rounded-full overflow-hidden">
            <div
                className="h-full bg-primary transition-all duration-500 ease-out"
                style={{ width: `${((currentStep + 1) / totalSteps) * 100}%` }}
            />
        </div>
    );
}
