function MainComponent() { const [isLogin, setIsLogin] = React.useState(true); const toggleForm = ()=>{ setIsLogin(!isLogin); }; const formTitle = isLogin ? "ProFo Login" : "ProFo Register"; const buttonColor = isLogin ? "bg-[#8a2be2]" : "bg-[#dc143c]"; const hoverColor = isLogin ? "hover:bg-[#7b1fa2]" : "hover:bg-[#c41e3a]"; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f0f8ff]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md w-full max-w-md", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-4xl text-center text-[#121212] mb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, formTitle), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, !isLogin && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: "w-full px-4 py-3 border border-[#dcdcdc] rounded-md focus:outline-none focus:border-[#8a2be2]", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", placeholder: "Username", className: "w-full px-4 py-3 border border-[#dcdcdc] rounded-md focus:outline-none focus:border-[#8a2be2]", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email Address", className: "w-full px-4 py-3 border border-[#dcdcdc] rounded-md focus:outline-none focus:border-[#8a2be2]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "w-full px-4 py-3 border border-[#dcdcdc] rounded-md focus:outline-none focus:border-[#8a2be2]", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }), isLogin ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "remember", id: "remember-me", className: "accent-[#8a2be2]", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "remember-me", className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Remember me"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-sm text-[#8a2be2] hover:underline", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Forgot password?")) : /*#__PURE__*/ React.createElement("input", { type: "text", name: "organization", placeholder: "Organization", className: "w-full px-4 py-3 border border-[#dcdcdc] rounded-md focus:outline-none focus:border-[#8a2be2]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `${buttonColor} w-full py-3 text-white rounded-md ${hoverColor}`, __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, isLogin ? "Sign In" : "Sign Up")), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleForm, className: "font-roboto text-sm text-[#6c757d]", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, isLogin ? "Create a Professional account" : "Already have a Professional account?"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }