function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#edf2f7] flex items-center justify-center", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[500px] bg-white p-8 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center text-[#1a202c] mb-8", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Create a Free Email Account"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, name: "createEmailAccountForm", className: "space-y-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fullName", className: "block text-[#1a202c] text-sm font-semibold", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", id: "fullName", className: "w-full p-3 border border-[#cbd5e0] rounded-lg text-sm", required: true, __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block text-[#1a202c] text-sm font-semibold", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Choose a Username"), /*#__PURE__*/ React.createElement("div", { className: "flex w-full", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", id: "username", className: "w-full p-3 border border-r-0 border-[#cbd5e0] rounded-l-lg text-sm", placeholder: "Username", required: true, __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-3 border border-l-0 border-[#cbd5e0] bg-[#e2e8f0] text-sm", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "@itsfiji.com"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-[#1a202c] text-sm font-semibold", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", className: "w-full p-3 border border-[#cbd5e0] rounded-lg text-sm", required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "confirmPassword", className: "block text-[#1a202c] text-sm font-semibold", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Confirm Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", id: "confirmPassword", className: "w-full p-3 border border-[#cbd5e0] rounded-lg text-sm", required: true, __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-[#3182ce] text-white font-semibold rounded-lg text-sm hover:bg-[#2c5282]", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Create Email")), /*#__PURE__*/ React.createElement("p", { className: "mt-6 text-sm text-center", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "By signing up, you agree to our", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#3182ce] hover:underline", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, " Terms of Service"), " and", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#3182ce] hover:underline", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, " Privacy Policy"), "."))); }