function MainComponent() { const [currentPage, setCurrentPage] = React.useState(1); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [isResetPassword, setIsResetPassword] = React.useState(false); const handleLogin = ()=>{ setCurrentPage(2); }; const handleSignUp = ()=>{ setCurrentPage(2); }; const handleResetPassword = ()=>{ setIsResetPassword(true); }; const handleSendResetLink = ()=>{ setIsResetPassword(false); }; return /*#__PURE__*/ React.createElement("div", { className: "font-arial bg-black text-white min-h-screen", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, currentPage === 1 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("header", { className: "p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "REVY")), /*#__PURE__*/ React.createElement("main", { className: "p-4 flex flex-col items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSignUp, className: "bg-[#000032] text-white px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsResetPassword(false), className: "bg-[#000032] text-white px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Login")), isResetPassword ? /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Enter your email", className: "border p-2 rounded-md", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendResetLink, className: "bg-[#000032] text-white px-4 py-2 rounded-md ml-2 mt-2", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "Send Reset Link"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsResetPassword(false), className: "bg-[#000032] text-white px-4 py-2 rounded-md ml-2 mt-2", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "Back to Login")) : /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "border p-2 rounded-md", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "border p-2 rounded-md ml-2", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleLogin, className: "bg-[#000032] text-white px-4 py-2 rounded-md ml-2 mt-2", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: handleResetPassword, className: "bg-[#000032] text-white px-4 py-2 rounded-md ml-2 mt-2", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Reset Password")))), currentPage === 2 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("header", { className: "p-4 flex justify-between items-center bg-black", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-white cursor-pointer", onClick: ()=>setCurrentPage(1), __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "REVY"), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar text-white cursor-pointer", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-white cursor-pointer", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-white cursor-pointer", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "p-4 min-h-screen flex items-center justify-center bg-[#000032]", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage(3), className: "bg-[#000032] text-white px-8 py-4 rounded-full text-xl", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "START"))), currentPage === 3 && /*#__PURE__*/ React.createElement("div", { className: "bg-[#000032] text-white flex flex-col items-center justify-center min-h-screen p-4", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, "Select files to mix"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-md mb-4", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, "Load from Excel"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-md mb-4", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, "Load from Google Sheets"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-md mb-4", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, "Load from Notion"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, "Randomly Mix Files")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, ` button:hover { background-color: #ffa500; } `)); }