function MainComponent() { const [step, setStep] = React.useState(0); const handleNextClick = ()=>{ setStep((currentStep)=>currentStep + 1); }; let formContent; switch(step){ case 0: formContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("input", { className: "mb-4 w-full p-2 border rounded", type: "text", placeholder: "First and Last Name", name: "full_name", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 w-full p-2 border rounded", type: "email", placeholder: "Email Address", name: "email", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 w-full p-2 border rounded", type: "text", placeholder: "Phone", name: "phone", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center mr-6", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "form-radio text-[#1dbe72]", type: "radio", name: "gender", value: "Male", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "Male")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "form-radio text-[#1dbe72]", type: "radio", name: "gender", value: "Female", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Female"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-gray-600", htmlFor: "resume", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Upload Resume"), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col items-center px-4 py-2 bg-white text-[#1dbe72] rounded-lg shadow-lg tracking-wide uppercase border border-[#1dbe72] cursor-pointer hover:bg-gray-100", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt fa-3x", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mt-2 text-base leading-normal", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "CHOOSE A FILE"), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", name: "resume", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-2", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "File accepted: .pdf, .doc/docx - Max file size: 150KB for demo limit")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1dbe72] py-2 text-white font-semibold rounded hover:bg-[#17a663] transition duration-300", type: "button", onClick: handleNextClick, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Next")); break; case 1: formContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Select your specialties"), /*#__PURE__*/ React.createElement("input", { className: "mb-2 w-full p-2 border rounded focus:border-[#1dbe72] focus:ring-1 focus:ring-[#1dbe72]", type: "text", placeholder: "Web Design", name: "speciality_web_design", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 w-full p-2 border rounded focus:border-[#1dbe72] focus:ring-1 focus:ring-[#1dbe72]", type: "text", placeholder: "Illustration", name: "speciality_illustration", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-2 w-full p-2 border rounded focus:border-[#1dbe72] focus:ring-1 focus:ring-[#1dbe72]", type: "text", placeholder: "UI/UX Design", name: "speciality_ui_ux_design", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded focus:border-[#1dbe72] focus:ring-1 focus:ring-[#1dbe72]", type: "text", placeholder: "Mobile Design", name: "speciality_mobile_design", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-gray-600", htmlFor: "other_skills", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Other Skills (Separated by commas)"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded focus:border-[#1dbe72] focus:ring-1 focus:ring-[#1dbe72]", type: "text", placeholder: "Write your skills", name: "other_skills", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1dbe72] py-2 text-white font-semibold rounded hover:bg-[#17a663] transition duration-300", type: "button", onClick: handleNextClick, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Next")); break; default: formContent = /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 21 }, __self: this }, "Thank you for submitting your application."); } return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen w-full", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:flex hidden md:w-1/2 bg-[#1dbe72] p-4 text-white font-roboto items-center justify-center text-center", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase fa-3x mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "We are Hiring"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Tation argumentum et usu, dicit viderer evertitur te has. Eu dictas concludaturque usu, facete detracto patrioque an per, lucilius pertinacia eu vel.")), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-[#1dbe72] px-6 py-2 rounded shadow hover:shadow-md transition duration-300", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Purchase this template"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white md:w-1/2 w-full flex flex-col justify-center p-8", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Presentation"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-gray-600", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Personal info")), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, formContent)))); }