function MainComponent() { const [isSignUp, setIsSignUp] = React.useState(true); const title = isSignUp ? "Sign Up" : "Log In"; const buttonText = isSignUp ? "Sign up" : "Log in"; const switchText = isSignUp ? "Already have an account? Log in" : "Don't have an account? Sign up"; const toggleForm = ()=>{ setIsSignUp(!isSignUp); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-[#f7faff] py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full space-y-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-[#1a202c]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, title)), /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-6", action: "#", method: "POST", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, isSignUp && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "sr-only", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Full name"), /*#__PURE__*/ React.createElement("input", { id: "name", name: "name", type: "text", autoComplete: "name", required: true, className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-[#d2d6dc] placeholder-[#6b7280] text-[#1a202c] rounded-t-md focus:outline-none focus:ring-[#cbd5e1] focus:border-[#93c5fd] focus:z-10 sm:text-sm", placeholder: "Full name", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email-address", className: "sr-only", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("input", { id: "email-address", name: "email", type: "email", autoComplete: "email", required: true, className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-[#d2d6dc] placeholder-[#6b7280] text-[#1a202c] rounded-t-md focus:outline-none focus:ring-[#cbd5e1] focus:border-[#93c5fd] focus:z-10 sm:text-sm", placeholder: "Email address", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "sr-only", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "current-password", required: true, className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-[#d2d6dc] placeholder-[#6b7280] text-[#1a202c] rounded-b-md focus:outline-none focus:ring-[#cbd5e1] focus:border-[#93c5fd] focus:z-10 sm:text-sm", placeholder: "Password", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-[#2563eb] hover:bg-[#1d4ed8] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#2563eb]", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, buttonText))), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleForm, className: "font-medium text-[#2563eb] hover:text-[#1d4ed8]", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, switchText)))); }