Function StepDots

src/components/loading.tsx:65–78

({ currentStep }: { currentStep: number })

};

const StepDots = ({ currentStep }: { currentStep: number }) => {
  return (
    <div className="flex gap-1">
      {[1, 2, 3].map((step) => (
        <div
          key={step}
          className={`h-1.5 w-1.5 rounded-full transition-colors duration-300 ${
            step <= currentStep ? "bg-green-500" : "bg-green-200"
          }`}
        />
      ))}
    </div>
  );
};

export default function Loading({
  status = "idle",