function MainComponent() { const [gameState, setGameState] = React.useState('start'); const [playerChoice, setPlayerChoice] = React.useState(null); const [computerChoice, setComputerChoice] = React.useState(null); const [result, setResult] = React.useState(null); const choices = [ 'rock', 'scissors', 'paper' ]; const choiceEmojis = { rock: '✊', scissors: '✌️', paper: '✋' }; const choiceColors = { rock: 'bg-red-500', scissors: 'bg-blue-500', paper: 'bg-green-500' }; const choiceNames = { rock: 'グー', scissors: 'チョキ', paper: 'パー' }; const playGame = (playerChoice)=>{ setPlayerChoice(playerChoice); const computerChoice = choices[Math.floor(Math.random() * 3)]; setComputerChoice(computerChoice); if (playerChoice === computerChoice) { setResult('引き分け'); } else if (playerChoice === 'rock' && computerChoice === 'scissors' || playerChoice === 'scissors' && computerChoice === 'paper' || playerChoice === 'paper' && computerChoice === 'rock') { setResult('あなたの勝ち！'); } else { setResult('あなたの負け'); } setGameState('result'); }; const resetGame = ()=>{ setGameState('start'); setPlayerChoice(null); setComputerChoice(null); setResult(null); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-cover bg-center bg-no-repeat flex flex-col items-center justify-center p-4", style: { backgroundImage: "url('/integrations/stable-diffusion-v-3/?prompt=anime+style+illustration+of+a+boy+and+girl+happily+playing+rock+paper+scissors+game+together&width=1024&height=1024')" }, __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-white shadow-text", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "じゃんけんゲーム"), /*#__PURE__*/ React.createElement("div", { className: "bg-white bg-opacity-80 rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, gameState === 'start' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "text-2xl mb-6 text-center font-bold", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "じゃんけん、、、"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-8", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, choices.map((choice)=>/*#__PURE__*/ React.createElement("button", { key: choice, className: `w-24 h-24 md:w-32 md:h-32 rounded-full ${choiceColors[choice]} flex flex-col items-center justify-center text-white font-bold text-lg md:text-2xl shadow-lg hover:opacity-90 transition-opacity`, onClick: ()=>playGame(choice), __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl md:text-5xl mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, choiceEmojis[choice]), choiceNames[choice])))), gameState === 'result' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, "ポン！"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }, "あなた"), /*#__PURE__*/ React.createElement("span", { className: "text-7xl", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, choiceEmojis[playerChoice])), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, "相手"), /*#__PURE__*/ React.createElement("span", { className: "text-7xl", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, choiceEmojis[computerChoice]))), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, result)), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-500 text-white font-bold py-3 rounded-lg hover:bg-yellow-600 transition-colors", onClick: resetGame, __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "リトライ")))); }