"use client";

import { useState } from "react";
import Step1 from "./Step1";
import Step2 from "./Step2";
import Step3 from "./Step3";

const MultiStepForm = () => {
  const [step, setStep] = useState(1);

  return (
    <div className="p-4 flex flex-col items-center w-full">
      {step === 1 && <Step1 nextStep={() => setStep(2)} />}
      {step === 2 && <Step2 nextStep={() => setStep(3)} />}
      {step === 3 && <Step3 />}
    </div>
  );
};

export default MultiStepForm;
