function MainComponent() { const [player1Life, setPlayer1Life] = useState(20); const [player2Life, setPlayer2Life] = useState(20); const [diceResult, setDiceResult] = useState(null); const [showDice, setShowDice] = useState(false); const rollDice = ()=>{ const newRoll = Math.floor(Math.random() * 20) + 1; setDiceResult(newRoll); setShowDice(!showDice); }; const adjustLife = (player, amount)=>{ if (player === 1) { setPlayer1Life((prev)=>prev + amount); } else { setPlayer2Life((prev)=>prev + amount); } }; const resetLife = (player)=>{ if (player === 1) { setPlayer1Life(20); } else { setPlayer2Life(20); } }; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-[#1a1a1a] text-white font-roboto overflow-hidden", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-full", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 rotate-180", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-8xl mb-6", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, player2Life), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(2, -1), className: "w-[60px] h-[60px] bg-[#ff4444] rounded-full text-2xl", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "-1"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(2, -5), className: "w-[60px] h-[60px] bg-[#cc0000] rounded-full text-2xl", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "-5"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(2, +5), className: "w-[60px] h-[60px] bg-[#00cc00] rounded-full text-2xl", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "+5"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(2, +1), className: "w-[60px] h-[60px] bg-[#44ff44] rounded-full text-2xl", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "+1")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>resetLife(2), className: "w-[120px] h-[40px] bg-[#0088cc] rounded-full text-lg mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Return to 20"), /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Robert's Magic Life Counter"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-24 relative", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, showDice && /*#__PURE__*/ React.createElement("div", { className: "absolute left-4 text-4xl", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, diceResult), /*#__PURE__*/ React.createElement("button", { onClick: rollDice, className: "w-[50px] h-[50px] bg-[#666] rounded-full flex items-center justify-center mx-8", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dice text-2xl", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this })), showDice && /*#__PURE__*/ React.createElement("div", { className: "absolute right-4 text-4xl rotate-180", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, diceResult)), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-8xl mb-6", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, player1Life), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(1, -1), className: "w-[60px] h-[60px] bg-[#ff4444] rounded-full text-2xl", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "-1"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(1, -5), className: "w-[60px] h-[60px] bg-[#cc0000] rounded-full text-2xl", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "-5"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(1, +5), className: "w-[60px] h-[60px] bg-[#00cc00] rounded-full text-2xl", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "+5"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>adjustLife(1, +1), className: "w-[60px] h-[60px] bg-[#44ff44] rounded-full text-2xl", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "+1")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>resetLife(1), className: "w-[120px] h-[40px] bg-[#0088cc] rounded-full text-lg mb-4", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "Return to 20"), /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, "Robert's Magic Life Counter"))))); }