import BasicInfo from "./BasicInfo";
import YourAreAlmostThere from "./YourAreAlmostThere";
import LoanAmountComp from "./LoanAmountComp";
import ApplicantsAttestation from "./ApplicantsAttestation";

const GetStarted = ({handleNextStep, step}:{handleNextStep:any, step:string|number|any}) => {

  return (
    <div className="w-full flex items-center justify-center">
      <div className="containerMode">
        {/* Main */}
        <main>
          {step === 2 && (
            <BasicInfo
              handleNextStep={handleNextStep}
            />
          )}
          {step === 3 && <YourAreAlmostThere handleNextStep={handleNextStep} />}
          {step === 4 && <LoanAmountComp handleNextStep={handleNextStep} />}
          {step === 5 && <ApplicantsAttestation />}
        </main>
      </div>
    </div>
  );
};

export default GetStarted;