function MainComponent() { const handleUploadSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); }; const handleSearchSubmit = (e)=>{ e.preventDefault(); const query = e.target.search.value; }; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-blue-700 text-white", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Security Jobs South Africa"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-shield text-3xl", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white p-4 rounded shadow-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Upload Your Credentials"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 space-y-4", onSubmit: handleUploadSubmit, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "name", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "name", name: "name", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "email", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "email", id: "email", name: "email", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "credentials", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Credentials"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "file", id: "credentials", name: "credentials", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-700 text-white rounded font-bold font-roboto", type: "submit", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Upload"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white p-4 rounded shadow-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Recruiter Search"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 space-y-4", onSubmit: handleSearchSubmit, __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "search", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Search for Candidates"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "search", name: "search", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-700 text-white rounded font-bold font-roboto", type: "submit", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white p-4 rounded shadow-lg", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Already registered?"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "w-full p-2 bg-blue-700 text-white rounded font-bold font-roboto block text-center", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Go to Login"))); } function RegistrationPage() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-blue-700 text-white", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Register for Security Jobs South Africa"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-shield text-3xl", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white p-4 rounded shadow-lg", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Register"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "reg-name", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "reg-name", name: "reg-name", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "reg-email", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "email", id: "reg-email", name: "reg-email", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-bold font-roboto", htmlFor: "reg-password", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "password", id: "reg-password", name: "reg-password", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-700 text-white rounded font-bold font-roboto", type: "submit", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Register"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white p-4 rounded shadow-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Already registered?"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "w-full p-2 bg-blue-700 text-white rounded font-bold font-roboto block text-center", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, "Go to Login"))); }