function MainComponent() { const [player, setPlayer] = React.useState({ level: 1, hp: 7, mp: 7, strength: 7, defense: 7, speed: 7, occupation: 'Adventurer' }); const [currentFloor, setCurrentFloor] = React.useState(1); const [message, setMessage] = React.useState(''); function levelUp() { const newHp = player.hp + 1; const bonusStat = Math.random() < 0.5 ? 'hp' : 'mp'; const newStats = { ...player, [bonusStat]: player[bonusStat] + 1, hp: newHp, level: player.level + 1 }; setPlayer(newStats); setMessage(`Level up! HP increased by 1. Random bonus: ${bonusStat.toUpperCase()} +1`); } function climbFloor() { const monsterEncounter = Math.random() < 0.5; // 50% chance of encountering monster if (monsterEncounter) { const damage = Math.floor(Math.random() * 5 + 1); // Random monster damage const newHp = Math.max(player.hp - damage, 0); setPlayer({ ...player, hp: newHp }); setMessage(`Encountered a monster! It dealt ${damage} damage.`); } else { setMessage('No monsters encountered, climbing to the next floor safely.'); } setCurrentFloor(currentFloor + 1); } return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#121212] bg-[#F5F5F5] shadow-lg rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "RPG Adventure Game"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, `Floor: ${currentFloor}`), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, `Player HP: ${player.hp}`), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, `Player MP: ${player.mp}`), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, `Player Level: ${player.level}`), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, `Occupation: ${player.occupation}`)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", onClick: climbFloor, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Climb Next Floor"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded ml-2", onClick: levelUp, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "Level Up")), /*#__PURE__*/ React.createElement("p", { className: "text-[#333] mt-2", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, message)); }