function MainComponent() { const [players, setPlayers] = React.useState([]); const [playerName, setPlayerName] = React.useState(''); const [chips, setChips] = React.useState(''); const [rounds, setRounds] = React.useState([ { pot: 0 } ]); const [bet, setBet] = React.useState(0); const [positions, setPositions] = React.useState({ button: 0, sb: 1, bb: 2 }); const handlePlayerNameChange = (e)=>{ setPlayerName(e.target.value); }; const handleChipsChange = (e)=>{ setChips(e.target.value); }; const handleBetChange = (e)=>{ setBet(e.target.value); const updatedRounds = [ ...rounds ]; updatedRounds[updatedRounds.length - 1].pot += parseInt(e.target.value); setRounds(updatedRounds); }; const addPlayer = ()=>{ if (playerName && chips) { setPlayers([ ...players, { name: playerName, chips: parseInt(chips), id: players.length } ]); setPlayerName(''); setChips(''); } }; const addRound = ()=>{ setRounds([ ...rounds, { pot: 0 } ]); }; const selectWinner = (winnerId)=>{ const updatedPlayers = players.map((player)=>{ if (player.id === winnerId) { return { ...player, chips: player.chips + rounds.reduce((acc, round)=>acc + round.pot, 0) }; } return player; }); setPlayers(updatedPlayers); setRounds([ { pot: 0 } ]); updatePositions(); }; const updatePositions = ()=>{ setPositions({ button: (positions.button + 1) % players.length, sb: (positions.sb + 1) % players.length, bb: (positions.bb + 1) % players.length }); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Poker Chip Calculator"), /*#__PURE__*/ React.createElement("form", { className: "mb-4", onSubmit: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Player Name", className: "border-2 border-gray-200 p-2 w-full", name: "playerName", value: playerName, onChange: handlePlayerNameChange, __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Chips", className: "border-2 border-gray-200 p-2 w-full", name: "chips", value: chips, onChange: handleChipsChange, __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-6", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Bet", className: "border-2 border-gray-200 p-2 w-full", name: "bet", value: bet, onChange: handleBetChange, __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addRound, className: "bg-blue-500 text-white p-2 w-1/2", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "New Round")), /*#__PURE__*/ React.createElement("button", { onClick: addPlayer, className: "bg-blue-500 text-white p-2 w-full mb-6", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Add Player")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Chip Calculation"), players.map((player, index)=>/*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-gray-200 p-4 rounded mb-2", key: index, __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, player.name, ":"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, player.chips)))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, players.map((player, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, player.name, " - Chips: ", player.chips)), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, "Total Pot: ", rounds.reduce((acc, round)=>acc + round.pot, 0)))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, players.map((player, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>selectWinner(player.id), className: "bg-green-500 text-white p-2 mb-2 w-full", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, "Select ", player.name, " as Winner"))))); }