function DynamicText({ title, text }) { return /*#__PURE__*/ React.createElement("div", { className: "text-center my-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-sans", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-sans mt-2", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, text)); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f8ff]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-sans mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "ペットを育成するゲーム"), /*#__PURE__*/ React.createElement("div", { className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./pet-character.jpg", alt: "かわいいペットのキャラクター", className: "w-full h-full object-contain", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(DynamicText, { title: "ペットのステータス", text: "元気いっぱい！", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#ffcc00] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "餌をあげる")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#ff9900] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "運動をさせる")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#66cc66] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "休ませる")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#3399ff] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "遊ぶ")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#ff6699] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "インタラクションする")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#ffcc66] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "ミニゲーム")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#cc66ff] rounded-full font-bold font-sans shadow-lg", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "カスタマイズ")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(DynamicText, { title: "レベル", text: "1", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(DynamicText, { title: "経験値", text: "0/100", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(DynamicText, { title: "健康度", text: "100%", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(DynamicText, { title: "満腹度", text: "100%", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(DynamicText, { title: "幸福度", text: "100%", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }))); }