function MainComponent() { const [player1Points, setPlayer1Points] = React.useState(0); const [player2Points, setPlayer2Points] = React.useState(0); const [player1Rolls, setPlayer1Rolls] = React.useState(1); const [player2Rolls, setPlayer2Rolls] = React.useState(1); const handlePlayerPointsChange = (player, pointsChange)=>{ if (player === 1) { setPlayer1Points(player1Points + pointsChange); } else { setPlayer2Points(player2Points + pointsChange); } }; const rollDice = (rolls)=>{ let total = 0; for(let i = 0; i < rolls; i++){ total += Math.floor(Math.random() * 6) + 1; } return total; }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "Dice Game"), /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-around mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Player 1"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Points: ", player1Points), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Rolls: ", player1Rolls), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: ()=>handlePlayerPointsChange(1, rollDice(player1Rolls)), __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Roll Dice")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Player 2"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Points: ", player2Points), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Rolls: ", player2Rolls), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: ()=>handlePlayerPointsChange(2, rollDice(player2Rolls)), __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Roll Dice")))); }