function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center h-screen bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl font-bold mb-8 animate-swing", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "test"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "日本語でいいですか？"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded font-noto-sans-jp", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "はい"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded font-noto-sans-jp", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "いいえ"))), /*#__PURE__*/ React.createElement("div", { className: "text-4xl mt-8 animate-blink", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "⭐"), /*#__PURE__*/ React.createElement("div", { className: "text-4xl mt-8 animate-drop", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "coca cola"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, ` @keyframes swing { 0%, 100% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } } .animate-swing { animation: swing 4s ease-in-out infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .animate-blink { animation: blink 1s linear infinite; } @keyframes drop { 0% { transform: translateY(-100vh); } 100% { transform: translateY(0); } } .animate-drop { animation: drop 2s ease-in-out forwards; } `)); }