function MainComponent() { const handleSubmit = async (e)=>{ e.preventDefault(); const username = e.target.username.value; const password = e.target.password.value; const response = await fetch('/api/db/user-db-62', { method: 'POST', body: JSON.stringify({ query: 'SELECT `id` FROM `users` WHERE `username` = ? AND `password` = ?', values: [ username, password ] }) }); const result = await response.json(); if (result.length > 0) { window.location.href = "/dashboard"; } else { alert("Invalid username or password. Please try again."); } }; const handleCreateAccount = ()=>{ window.location.href = "/create-account"; }; return /*#__PURE__*/ React.createElement("a", { href: "/create-account", target: "_blank", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#010101] flex items-center justify-center", __source: { fileName: "", lineNumber: 28, columnNumber: 47 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] p-8 rounded w-[400px]", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-white mb-8", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "SOUPP League Login"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-crimson-text mb-2", htmlFor: "username", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 text-[#121212] bg-[#f3f4f6] rounded focus:outline-none", type: "text", name: "username", id: "username", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-crimson-text mb-2", htmlFor: "password", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 text-[#121212] bg-[#f3f4f6] rounded focus:outline-none", type: "password", name: "password", id: "password", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1e40af] text-white py-2 rounded hover:bg-[#1c3f95] transition-color duration-300 font-crimson-text", type: "submit", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Log In")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1e40af] text-white py-2 rounded hover:bg-[#1c3f95] transition-color duration-300 font-crimson-text mt-4", onClick: handleCreateAccount, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "Create Account")))); }