function MainComponent() { const [board, setBoard] = React.useState([]); const [score, setScore] = React.useState(0); const [gameOver, setGameOver] = React.useState(false); const [highlightCell, setHighlightCell] = React.useState(null); const calculateBoardSize = ()=>64; const calculatePenalty = ()=>0; const initializeBoard = ()=>{ const size = calculateBoardSize(); const newBoard = Array.from({ length: size }, ()=>({ isBomb: Math.random() < 0.15, penalty: calculatePenalty(), revealed: false })); setBoard(newBoard); setScore(0); setGameOver(false); }; React.useEffect(()=>{ initializeBoard(); }, []); React.useEffect(()=>{ const timer = setInterval(()=>{ const hiddenCells = board.filter((cell)=>!cell.revealed && !cell.isBomb); if (hiddenCells.length > 0) { const randomHiddenCellIndex = board.indexOf(hiddenCells[Math.floor(Math.random() * hiddenCells.length)]); setHighlightCell(randomHiddenCellIndex); } }, 5000); return ()=>clearInterval(timer); }, [ board ]); const handleCellClick = (index)=>{ if (gameOver || board[index].revealed) return; const newBoard = [ ...board ]; if (newBoard[index].isBomb) { setGameOver(true); newBoard.forEach((cell)=>cell.revealed = true); } else { newBoard[index].revealed = true; const newScore = score + 1; setScore(newScore); if (newScore >= 20) { setGameOver(true); } } setBoard(newBoard); setHighlightCell(null); }; const renderCell = (cell, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: `w-12 h-12 ${cell.revealed ? cell.isBomb ? 'bg-red-500' : 'bg-green-500' : 'bg-gray-500'} hover:bg-gray-400 focus:outline-none ${index === highlightCell && !cell.revealed && !cell.isBomb ? 'animate-pulse bg-yellow-300' : ''}`, onClick: ()=>handleCellClick(index), disabled: cell.revealed || gameOver && !cell.isBomb, __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-gray-200 min-h-screen", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-8 gap-2", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, board.map((cell, index)=>renderCell(cell, index))), /*#__PURE__*/ React.createElement("button", { onClick: initializeBoard, className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-700 transition duration-200", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, "Перезагрузить"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "Счёт: ", /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 72, columnNumber: 53 }, __self: this }, score))), gameOver && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-red-600 font-roboto", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Игра окончена!"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(253, 224, 71, 0.7); } 100% { box-shadow: 0 0 0 20px rgba(253, 224, 71, 0); } } `)); }