function MainComponent() { const [screen, setScreen] = React.useState("menu"); const [turns, setTurns] = React.useState(0); const [currentTurn, setCurrentTurn] = React.useState(0); const [questions, setQuestions] = React.useState([]); const [currentQuestion, setCurrentQuestion] = React.useState({}); const questionsPool = [ { question: "Вы находите рюкзак. Осмотреть?", answers: [ "Да", "Нет" ] }, { question: "Перед вами разветвление. Куда пойдёте?", answers: [ "Налево", "Направо", "Прямо" ] }, { question: "Вы слышите шорох. Исследовать источник?", answers: [ "Да", "Нет" ] } ]; const handleTurnsSelect = (selectedTurns)=>{ setTurns(selectedTurns); setScreen("game"); prepareQuestions(selectedTurns); }; const prepareQuestions = (turnsCount)=>{ let selectedQuestions = []; for(let i = 0; i < turnsCount; i++){ selectedQuestions.push(questionsPool[Math.floor(Math.random() * questionsPool.length)]); } setQuestions(selectedQuestions); setCurrentTurn(0); setCurrentQuestion(selectedQuestions[0]); }; const handleAnswer = (index)=>{ if (currentTurn < turns - 1) { let nextTurn = currentTurn + 1; setCurrentTurn(nextTurn); setCurrentQuestion(questions[nextTurn]); } else { setScreen("end"); } }; const renderMenuScreen = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "text-[#FFFFFF] font-roboto mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "Выберите количество ходов:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTurnsSelect(25), className: "bg-[#767676] text-[#FFFFFF] font-roboto py-2 px-4 rounded hover:bg-[#565656] transition-colors", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "25 ходов / вопросов"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTurnsSelect(50), className: "bg-[#767676] text-[#FFFFFF] font-roboto py-2 px-4 rounded hover:bg-[#565656] transition-colors", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "50 ходов / вопросов"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTurnsSelect(100), className: "bg-[#767676] text-[#FFFFFF] font-roboto py-2 px-4 rounded hover:bg-[#565656] transition-colors", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "100 ходов / вопросов"))); const renderGameScreen = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "text-[#FFFFFF] font-roboto mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, currentQuestion.question), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, currentQuestion.answers.map((answer, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleAnswer(index), className: "bg-[#767676] text-[#FFFFFF] font-roboto py-2 px-4 rounded hover:bg-[#565656] transition-colors", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, answer)))); const renderEndScreen = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "text-[#FFFFFF] font-roboto mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, "Игра окончена. Спасибо за участие!"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setScreen("menu"), className: "bg-[#767676] text-[#FFFFFF] font-roboto py-2 px-4 rounded hover:bg-[#565656] transition-colors", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, "Начать заново")); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#010101] min-h-screen flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#F5F5F5] font-roboto text-4xl mb-8", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, "Сталкер: Тень Чернобыля"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] w-full max-w-md p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, screen === "menu" && renderMenuScreen(), screen === "game" && renderGameScreen(), screen === "end" && renderEndScreen())); }