function MainComponent() { const [currentPokemon, setCurrentPokemon] = React.useState(''); const [gameOver, setGameOver] = React.useState(false); const [triggerPulls, setTriggerPulls] = React.useState(0); const pokemons = [ 'Pikachu', 'Charmander', 'Bulbasaur', 'Squirtle', 'Eevee', 'Jigglypuff' ]; const chanceOfLosing = 1 / pokemons.length; const pullTrigger = ()=>{ if (Math.random() < chanceOfLosing) { setGameOver(true); } else { const nextPokemonIndex = Math.floor(Math.random() * pokemons.length); setCurrentPokemon(pokemons[nextPokemonIndex]); setTriggerPulls((prevPulls)=>prevPulls + 1); } }; const resetGame = ()=>{ setCurrentPokemon(''); setGameOver(false); setTriggerPulls(0); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F7F7F7] flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-xl rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4 text-center", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "🔫 Pokémon Roulette"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, !gameOver ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-red-600 text-white rounded shadow hover:bg-red-700 transition-all", onClick: pullTrigger, __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Pull Trigger"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-4", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, currentPokemon || "No Pokémon yet..."), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "Triggers pulled: ", triggerPulls)) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold text-red-600", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Bang! Game Over!"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mt-4", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Oh no! You encountered ", currentPokemon, "! Better luck next time!"), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 mt-4 bg-green-600 text-white rounded shadow hover:bg-green-700 transition-all", onClick: resetGame, __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "Play Again?")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }