function MainComponent() { const [petStatus, setPetStatus] = React.useState({ manpukudo: 1, tomodachido: 1 }); const petPet = ()=>{ setPetStatus((prevStatus)=>({ ...prevStatus, tomodachido: prevStatus.tomodachido + 1 })); }; const feedPet = ()=>{ setPetStatus((prevStatus)=>({ ...prevStatus, manpukudo: prevStatus.manpukudo + 1 })); }; const resetStatus = ()=>{ setPetStatus({ manpukudo: 1, tomodachido: 1 }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "ペットを育てるゲーム"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "ペットの名前；のっちゃん"), /*#__PURE__*/ React.createElement("img", { src: petStatus.manpukudo >= 10 ? "fat-rabbit.png" : "cute-rabbit.png", alt: petStatus.manpukudo >= 10 ? "太ったペットのイラスト" : "かわいいペットのイラスト", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "まんぷくど：", petStatus.manpukudo), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "ともだちど：", petStatus.tomodachido)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: petPet, className: "bg-[#ff8080] text-white font-roboto py-2 px-4 rounded", name: "pet", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "なでる"), /*#__PURE__*/ React.createElement("button", { onClick: feedPet, className: "bg-[#80bfff] text-white font-roboto py-2 px-4 rounded", name: "feed", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "餌をあげる"), /*#__PURE__*/ React.createElement("button", { onClick: resetStatus, className: "bg-[#808080] text-white font-roboto py-2 px-4 rounded", name: "reset", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "初めから"))); }