function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center gap-4 p-8 bg-gray-50 min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-gray-800", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Create 5 Gmail Accounts"), [ ...Array.from({ length: 5 }).keys() ].map((index)=>/*#__PURE__*/ React.createElement("form", { key: index, className: "flex flex-col gap-4 bg-white p-4 shadow-md rounded-md w-full max-w-md", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: `fullName${index}`, className: "block mb-2 font-roboto text-gray-700", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: `fullName${index}`, name: "fullName", className: "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", required: true, __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: `userName${index}`, className: "block mb-2 font-roboto text-gray-700", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "text", id: `userName${index}`, name: "userName", className: "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", required: true, __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: `password${index}`, className: "block mb-2 font-roboto text-gray-700", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: `password${index}`, name: "password", className: "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", required: true, __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Create Account")))); }