import React from "react";
// import { useNavigate } from "react-router-dom";
import EmploymentDetails from "./EmploymentDetails";
import ReferenceDetails from "./ReferenceDetails";
import { Button } from "..";

interface YourAreAlmostThereProps {
  handleNextStep: any;
}

const YourAreAlmostThere: React.FC<YourAreAlmostThereProps> = ({ handleNextStep }) => {
  return (
    <>
      <h1 className="font-semibold text-[2.375rem] text-[#5C2684] my-[.5rem]">
        You’re almost there
      </h1>
      <form action="" className="flex flex-col gap-6">
        <EmploymentDetails />
        <ReferenceDetails />
        <Button
          className="my-8 max-w-[20.3125rem] btn-R bg-[#5A2C82]"
          text="Continue"
          type="button"
          onClick={handleNextStep}
        />
      </form>
    </>
  );
};

export default YourAreAlmostThere;
