victorAnumudu
26 lines
610 B
TypeScript
26 lines
610 B
TypeScript
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;
|