function MainComponent() { const logoSrc = '/img/facebook-logo.png'; return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center bg-white border rounded-lg shadow-lg p-4 md:p-10", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 md:mb-0 md:mr-16", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc, alt: "Facebook logo for login page", className: "w-[300px] h-[80px] object-contain", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col w-full md:w-[450px]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "email", placeholder: "Email or Phone Number", className: "mb-3 p-3 border rounded-md text-[#050505] placeholder-gray-400", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "mb-4 p-3 border rounded-md text-[#050505] placeholder-gray-400", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mb-4 bg-[#1877F2] text-white font-semibold p-3 rounded-md hover:bg-[#165DB6]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Log In"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "mb-4 text-center text-[#1877F2] hover:underline", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Forgot Password?"), /*#__PURE__*/ React.createElement("hr", { className: "mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-[#42B72A] text-white font-semibold py-3 px-6 rounded-md hover:bg-[#36A420]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Create New Account")))); }