function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-white min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center px-4 py-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/math-logo.png", alt: "Math education logo", className: "w-[200px]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white border border-gray-300 p-4 w-[350px] rounded-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Username", className: "mb-2 w-full px-3 py-2 border border-gray-300 rounded bg-gray-50 font-roboto", name: "username", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", className: "mb-4 w-full px-3 py-2 border border-gray-300 rounded bg-gray-50 font-roboto", name: "password", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-600 text-white py-2 rounded font-bold font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("hr", { className: "border-gray-300 flex-1", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mx-2 font-bold text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "OR"), /*#__PURE__*/ React.createElement("hr", { className: "border-gray-300 flex-1", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex items-center justify-center text-green-600 font-bold font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google mr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Sign in with Google")), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-green-600 mt-2 cursor-pointer font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Forgot password?")), /*#__PURE__*/ React.createElement("div", { className: "bg-white border border-gray-300 mt-4 p-4 w-[350px] text-center rounded-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Don't have an account? "), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-green-600 font-bold font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Sign up")), /*#__PURE__*/ React.createElement("div", { className: "w-[350px] mt-6", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { width: "100%", height: "200", src: "https://www.youtube.com/embed/K2U4cg-kUcE", title: "Math education video", frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })))); }