import React from "react";

interface StepperProps {
  step: number;
}

const Stepper: React.FC<StepperProps> = ({ step = 0 }) => {
  //   const [activeStep, setActiveStep] = useState(step);

  return (
    <div className="flex justify-between items-center gap-5">
      {[...Array(5)].map((_, index) => (
        <div
          key={index}
          className={`w-[1.875rem] border-[.1875rem] rounded-sm ${(step === index
            ? "border-[#E8B4FF]"
            : "border-[#5C2684]")}`}
          //   onClick={() => setActiveStep(index)}
        />
      ))}
    </div>
  );
};

export default Stepper;
