function MainComponent() { const [score, setScore] = React.useState(0); const [isGameActive, setGameActive] = React.useState(false); const [gameOver, setGameOver] = React.useState(false); const [hackMode, setHackMode] = React.useState(false); const startGame = ()=>{ setScore(0); setGameActive(true); setGameOver(false); setHackMode(false); }; const endGame = ()=>{ setGameOver(true); setGameActive(false); }; const toggleHackMode = ()=>{ setHackMode(!hackMode); }; let handleClick = ()=>{ if (isGameActive) { if (hackMode) { setScore(score + 10); } else { setScore(score + 1); } } }; let gameArea = /*#__PURE__*/ React.createElement("div", { onClick: handleClick, className: `cursor-pointer w-full h-full ${isGameActive ? 'bg-[#0e7490]' : 'bg-[#8EC5FC]'} flex items-center justify-center transition-colors duration-300`, __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, isGameActive ? /*#__PURE__*/ React.createElement("span", { className: "text-5xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, hackMode ? '⚡️' : '🎮') : /*#__PURE__*/ React.createElement("button", { onClick: startGame, className: "text-white bg-[#121212] px-4 py-2 font-roboto rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Start Game")); let scoreDisplay = /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-4 text-lg text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, "Score: ", score); let hackButton = /*#__PURE__*/ React.createElement("button", { onClick: toggleHackMode, className: `absolute top-4 right-4 text-white px-4 py-2 font-roboto rounded ${hackMode ? 'bg-[#16a34a]' : 'bg-[#dc2626]'}`, __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, hackMode ? 'Hack On' : 'Hack Off'); if (gameOver) { gameArea = /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#F9D423] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "Game Over!"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-roboto text-[#121212] mb-8", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Your score: ", score), /*#__PURE__*/ React.createElement("button", { onClick: startGame, className: "text-white bg-[#121212] px-4 py-2 font-roboto rounded", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Restart")); } return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen", __source: { fileName: "", lineNumber: 75, columnNumber: 5 }, __self: this }, scoreDisplay, hackButton, gameArea); }