form validation with formik

src/components/GetStarted/GetStarted.tsx

@@ -1,35 +1,9 @@
-import React from "react";
 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}) => {
-  // const [step, setStep] = React.useState(1);
-
-  // const handleNextStep = () => {
-  //   if (step < 5) {
-  //     setStep(step + 1);
-  //   }
-  // };
-
-  // const handlePreviousStep: React.MouseEvent<HTMLButtonElement> = () => {
-  //   setStep(step - 1);
-  // };
-
-  const [inputValues, setInputValues] = React.useState({
-    title: "",
-    marital: "",
-    agentId: "",
-    bvn: "",
-    firstName: "",
-    phone: "",
-    email: "",
-    surname: "",
-    dob: "",
-    secondName: "",
-    spouseBVN: "",
-  });
 
   return (
     <div className="w-full flex items-center justify-center">
@@ -38,8 +12,6 @@ const GetStarted = ({handleNextStep, step}:{handleNextStep:any, step:string|numb
         <main>
           {step === 2 && (
             <BasicInfo
-              inputValues={inputValues}
-              setInputValues={setInputValues}
               handleNextStep={handleNextStep}
             />
           )}