function DungeonMenuButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "w-full bg-blue-500 text-white py-2 px-4 rounded mb-3 focus:outline-none focus:shadow-outline font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "ダンジョンに行く"); } function DungeonMenuButtonStory() { const handleMenuClick = (menuId)=>{ console.log(`Navigating to menu ${menuId}`); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DungeonMenuButton, { onClick: ()=>handleMenuClick('1'), __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleMenuClick = (choice)=>{ if (choice === '1') { dungeon = new Dungeon(10); dungeon.generate(); dungeon.placePlayer(player); exploreDungeon(player, dungeon); } else if (choice === '2') { village.enter(player); } else if (choice === '3') { alert(`===== ${player.name}のステータス =====\nHP: ${player.hp}\n攻撃力: ${player.attack}\n所持金: ${player.gold}ゴールド\nインベントリ:\n${player.inventory.map((item)=>`- ${item.name}`).join('\n')}`); } else if (choice === '4') { alert("ゲームを終了します。"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f4f4f9] p-4 font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#313131] text-white p-4 text-xl font-bold", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "メインメニュー"), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(DungeonMenuButton, { onClick: ()=>handleMenuClick('1'), __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleMenuClick('2'), className: "w-full bg-green-500 text-white py-2 px-4 rounded mb-3 focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "村に行く"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleMenuClick('3'), className: "w-full bg-yellow-500 text-white py-2 px-4 rounded mb-3 focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "ステータス確認"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleMenuClick('4'), className: "w-full bg-red-500 text-white py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "ゲーム終了")))); } function Dungeon(size) { this.size = size; this.generate = ()=>{}; this.placePlayer = (player)=>{}; } function exploreDungeon(player, dungeon1) {} const player = { name: "ゴリラ", hp: 100, attack: 20, gold: 50, inventory: [ { name: "Potion" }, { name: "Elixir" } ] }; const village = { enter: (player)=>alert("村に戻ります。") };