function MainComponent() { const [isSignUp, setIsSignUp] = React.useState(false); const [isLogin, setIsLogin] = React.useState(true); const toggleToSignUp = ()=>{ setIsSignUp(true); setIsLogin(false); }; const toggleToLogin = ()=>{ setIsSignUp(false); setIsLogin(true); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, isLogin && /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white py-2 px-4 rounded mr-4", onClick: toggleToLogin, __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#28a745] text-white py-2 px-4 rounded", onClick: toggleToSignUp, __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Sign Up")), isLogin && /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "userId", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "User ID"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "userId", type: "text", placeholder: "User ID", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "password", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline", name: "password", type: "password", placeholder: "******************", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { className: "inline-block align-baseline font-bold text-sm text-[#007bff] hover:text-blue-800", href: "#", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Forgot Password?"))), isSignUp && /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", method: "post", encType: "multipart/form-data", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "name", type: "text", placeholder: "Name", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "age", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Age"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "age", type: "number", placeholder: "Age", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "gender", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Gender"), /*#__PURE__*/ React.createElement("select", { className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "gender", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Select Gender"), /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Male"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Female"), /*#__PURE__*/ React.createElement("option", { value: "other", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Other"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "residentialAddress", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Residential Address"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "residentialAddress", type: "text", placeholder: "Residential Address", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "officeAddress", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Office Address"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "officeAddress", type: "text", placeholder: "Office Address", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "entityName", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Name of Entity"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "entityName", type: "text", placeholder: "Entity Name", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Work Email Address"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "email", type: "email", placeholder: "Work Email", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "contactInfo", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Contact Information"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "contactInfo", type: "text", placeholder: "Contact Information", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "kycDocuments", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "KYC Documents (PAN, Aadhar, Udyam Registration (optional), GSTN (optional))"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "kycDocuments", type: "file", multiple: true, __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "commissionRate", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "Commission Rate (%)"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "commissionRate", type: "number", min: "0", placeholder: "Commission Rate", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "loanType", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "Type of Loan"), /*#__PURE__*/ React.createElement("select", { className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "loanType", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Select Loan Type"), /*#__PURE__*/ React.createElement("option", { value: "personal", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, "Personal"), /*#__PURE__*/ React.createElement("option", { value: "business", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, "Business"), /*#__PURE__*/ React.createElement("option", { value: "mortgage", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Mortgage"), /*#__PURE__*/ React.createElement("option", { value: "auto", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Auto"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "collateral", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "Security Offered as Collateral"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", name: "collateral", type: "text", placeholder: "Collateral Details", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this })))); }