import React from "react"; // helpers import { cn } from "@/helpers/common.helper"; interface OnboardingStepIndicatorProps { currentStep: number; totalSteps: number; } export const OnboardingStepIndicator: React.FC = ({ currentStep, totalSteps }) => { const renderIndicators = () => { const indicators = []; for (let i = 0; i < totalSteps; i++) { const isCompleted = i < currentStep; const isActive = i === currentStep - 1; const isFirstStep = i === 0; const isLastStep = i === totalSteps - 1; indicators.push(
); } return indicators; }; return (
{currentStep} of {totalSteps} steps
{renderIndicators()}
); };