function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#70c5ce]", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF] w-[30%] min-w-[300px] h-[60%] rounded-lg shadow-lg flex flex-col justify-between", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center pt-8", __source: { fileName: "", lineNumber: 5, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 21 }, __self: this }, "Generic Flappy")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex justify-center items-center relative", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2", style: { animation: 'flap 1.5s infinite ease-in-out' }, __source: { fileName: "", lineNumber: 9, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "bird", className: "text-4xl", __source: { fileName: "", lineNumber: 10, columnNumber: 25 }, __self: this }, "🐦")), /*#__PURE__*/ React.createElement("div", { className: "absolute", style: { animation: 'pipeMove 2s infinite linear' }, __source: { fileName: "", lineNumber: 12, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "upper pipe", className: "text-5xl", __source: { fileName: "", lineNumber: 13, columnNumber: 25 }, __self: this }, "🌵"), /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "lower pipe", className: "text-5xl block mt-[200px]", __source: { fileName: "", lineNumber: 14, columnNumber: 25 }, __self: this }, "🌵"))), /*#__PURE__*/ React.createElement("div", { className: "py-4 text-center", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 18, columnNumber: 21 }, __self: this }, "Play"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, ` @keyframes flap { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(-20px);} } @keyframes pipeMove { 0% {transform: translateX(100%);} 100% {transform: translateX(-100%);} } `)); }