function MainComponent() { const [status, setStatus] = React.useState('work'); const [submitted, setSubmitted] = React.useState(false); const [educationLevel, setEducationLevel] = React.useState(''); const [industry, setIndustry] = React.useState(''); const handleSubmit = (e)=>{ e.preventDefault(); setSubmitted(true); }; const handleStatusChange = (e)=>{ setStatus(e.target.value); }; const handleEducationLevelChange = (e)=>{ setEducationLevel(e.target.value); }; const handleIndustryChange = (e)=>{ setIndustry(e.target.value); }; let formContent; if (!submitted) { formContent = /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "status", className: "block font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "I am looking for:"), /*#__PURE__*/ React.createElement("select", { id: "status", name: "status", value: status, onChange: handleStatusChange, className: "mt-1 block w-full py-2 px-3 bg-white border border-[#010101] shadow-sm focus:outline-none focus:border-indigo-500 sm:text-sm", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "work", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Work"), /*#__PURE__*/ React.createElement("option", { value: "education", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Education"))), status === 'work' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "industry", className: "block font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Preferred Industry:"), /*#__PURE__*/ React.createElement("select", { id: "industry", name: "industry", value: industry, onChange: handleIndustryChange, className: "mt-1 block w-full py-2 px-3 bg-white border border-[#010101] shadow-sm focus:outline-none focus:border-indigo-500 sm:text-sm", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Select Industry"), /*#__PURE__*/ React.createElement("option", { value: "construction", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Construction"), /*#__PURE__*/ React.createElement("option", { value: "engineering", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Engineering"), /*#__PURE__*/ React.createElement("option", { value: "healthcare", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Healthcare"), /*#__PURE__*/ React.createElement("option", { value: "education", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Education"), /*#__PURE__*/ React.createElement("option", { value: "technology", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Technology"))), status === 'education' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "educationLevel", className: "block font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Education Level:"), /*#__PURE__*/ React.createElement("select", { id: "educationLevel", name: "educationLevel", value: educationLevel, onChange: handleEducationLevelChange, className: "mt-1 block w-full py-2 px-3 bg-white border border-[#010101] shadow-sm focus:outline-none focus:border-indigo-500 sm:text-sm", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Select Level"), /*#__PURE__*/ React.createElement("option", { value: "GCSEs", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "GCSE's"), /*#__PURE__*/ React.createElement("option", { value: "Alevels", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "A Levels"), /*#__PURE__*/ React.createElement("option", { value: "degrees", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Degrees"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-[#0000ff] hover:bg-[#0000cc] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Submit")); } else { const thankYouMessage = `Thank you for submitting. ${status === 'work' ? `We will assist you with finding ${industry ? `jobs in the ${industry}` : 'suitable employment opportunities'}.` : 'We will assist you with your education goals.'}`; formContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#121212]", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, thankYouMessage), status === 'work' && industry && /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "👷 Available ", industry, " Jobs: Details coming soon..."), status === 'education' && educationLevel && /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "🎓 We will contact you about the next steps towards completing your ", educationLevel, ".")); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col justify-center items-center bg-gradient-to-br from-[#89CFF0] to-[#6DD5FA]", __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }, formContent), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }