function MainComponent() { const handleLogin = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen flex-col items-center justify-center bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-2 text-3xl font-semibold font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "pp"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "w-full max-w-md rounded-xl bg-white p-6 shadow-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-center text-2xl font-bold font-roboto text-gray-800", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Log In"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "mb-2 block text-sm font-roboto text-gray-700", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", required: true, className: "block w-full rounded-md border-gray-300 px-4 py-2 leading-tight text-gray-700 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "mb-2 block text-sm font-roboto text-gray-700", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", required: true, className: "block w-full rounded-md border-gray-300 px-4 py-2 leading-tight text-gray-700 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full rounded-md bg-blue-600 px-4 py-2 text-sm font-roboto text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Log In"))); }