32 lines
858 B
TypeScript
32 lines
858 B
TypeScript
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;
|