function MainComponent() { const [playerChoice, setPlayerChoice] = React.useState(''); const [computerChoice, setComputerChoice] = React.useState(''); const [result, setResult] = React.useState(''); const [score, setScore] = React.useState({ won: 0, lost: 0, tied: 0 }); const choices = [ 'rock', 'paper', 'scissors' ]; const playGame = (playerSelection)=>{ const randomChoice = choices[Math.floor(Math.random() * choices.length)]; setPlayerChoice(playerSelection); setComputerChoice(randomChoice); determineWinner(playerSelection, randomChoice); }; const determineWinner = (player, computer)=>{ if (player === computer) { setResult('It\'s a tie!'); setScore((state)=>({ ...state, tied: state.tied + 1 })); return; } if (player === 'rock' && computer === 'scissors' || player === 'scissors' && computer === 'paper' || player === 'paper' && computer === 'rock') { setResult('You won! 🎉'); setScore((state)=>({ ...state, won: state.won + 1 })); return; } setResult('You lost! 😢'); setScore((state)=>({ ...state, lost: state.lost + 1 })); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#0f172a] text-white", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "Rock Paper Scissors"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Player Choice: ", playerChoice), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Computer Choice: ", computerChoice), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, result), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg mt-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Won: ", score.won), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Lost: ", score.lost), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Tied: ", score.tied))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, choices.map((choice)=>/*#__PURE__*/ React.createElement("button", { key: choice, onClick: ()=>playGame(choice), className: "px-4 py-2 bg-[#22c55e] rounded hover:bg-[#16a34a] focus:outline-none", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, choice.charAt(0).toUpperCase() + choice.slice(1))))); }