function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-center items-center h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0 md:mr-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./facebook_logo.png", alt: "Facebook logo", className: "w-[200px] h-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("form", { className: "p-10 bg-white rounded flex flex-col shadow-md", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-[#333] text-sm font-roboto mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Email or Phone"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "email", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-[#333] text-sm font-roboto mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#1877f2] hover:bg-[#165db2] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Log In"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-[#1877f2] hover:underline", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Forgot Password?")), /*#__PURE__*/ React.createElement("hr", { className: "my-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-[#42b72a] hover:bg-[#36a420] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Create New Account")))); }