/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto font-bold", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 3 }, __self: this }, "Join us by filling out the form below"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col mt-8", __source: { fileName: "", lineNumber: 4, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "text-gray-600 font-medium", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", className: "border border-gray-300 py-2 px-4 rounded-lg mt-2 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "text-gray-600 font-medium mt-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", className: "border border-gray-300 py-2 px-4 rounded-lg mt-2 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "text-gray-600 font-medium mt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", className: "border border-gray-300 py-2 px-4 rounded-lg mt-2 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-2", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, "Password Strength:", /*#__PURE__*/ React.createElement("span", { className: "font-roboto font-bold text-red-500", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, " Weak "), /*#__PURE__*/ React.createElement("i", { className: "fas fa-battery-quarter px-1", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto font-bold text-yellow-500", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, " Fair "), /*#__PURE__*/ React.createElement("i", { className: "fas fa-battery-half px-1", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), ".", /*#__PURE__*/ React.createElement("span", { className: "font-roboto font-bold text-green-500", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, " Strong "), /*#__PURE__*/ React.createElement("i", { className: "fas fa-battery-full", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-medium py-2 px-4 rounded-lg mt-6 hover:bg-blue-700", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("label", { htmlFor: "terms", className: "text-gray-600 font-medium mt-4", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, "Accept Terms and Conditions"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "terms", className: "mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 hover:underline mt-2", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, "Forgot Password?")));