function HttpsHungliaonlineComAngoltanulasOkosanAz1400LeggyakoribbSzoEgybenAHetkoznapiSzokincsKetharmada({ screen, mistake, onApprove, onBack, onWatchAd, onStart, onNextLevel }) { const handleStart = ()=>onStart(screen + 1); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-gray-200 min-h-screen", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, mistake ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-4 shadow-md rounded mt-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Tévedés esetén válasszon egy lehetőséget:"), /*#__PURE__*/ React.createElement("button", { onClick: onBack, className: "mt-2 bg-red-500 text-white py-2 px-4 rounded font-roboto w-full", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Vissza az előző képernyőre"), /*#__PURE__*/ React.createElement("button", { onClick: onWatchAd, className: "mt-2 bg-green-500 text-white py-2 px-4 rounded font-roboto w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Rövid reklám megtekintése")) : screen === 0 ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-4 shadow-md rounded mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-center font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Üdvözöljük!"), /*#__PURE__*/ React.createElement("button", { onClick: handleStart, className: "mt-2 bg-blue-500 text-white py-2 px-4 rounded font-roboto w-full", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Játék indítása")) : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-md rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-center font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Szóösszepárosítás"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-center font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Párosítsa a magyar szavakat az angol megfelelőikkel - Szint: ", screen), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, Array.from({ length: 10 }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-2 rounded text-center border border-gray-300 cursor-pointer font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, 'Magyar Szó ' + (index + 1))), Array.from({ length: 10 }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-2 rounded text-center border border-gray-300 cursor-pointer font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }, 'English Word ' + (index + 1)))), /*#__PURE__*/ React.createElement("button", { onClick: onApprove, className: "mt-4 bg-blue-500 text-white py-2 px-4 rounded font-roboto w-full", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Jóváhagyás")), screen % 5 === 0 && screen !== 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-md rounded mt-4", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-center font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "Gratulálunk! További feladatok teljesíthetőek!"), /*#__PURE__*/ React.createElement("button", { onClick: onNextLevel, className: "mt-2 bg-blue-500 text-white py-2 px-4 rounded font-roboto w-full", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Következő szint"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, ` .min-h-screen { min-height: 100vh; } `)); } function HttpsHungliaonlineComAngoltanulasOkosanAz1400LeggyakoribbSzoEgybenAHetkoznapiSzokincsKetharmadaStory() { const [screen, setScreen] = React.useState(0); const [mistake, setMistake] = React.useState(false); const handleApproval = ()=>{ const isCorrect = Math.random() > 0.5; if (isCorrect) { setScreen((prev)=>(prev + 1) % 1000); } else { setMistake(true); } }; const handleBack = ()=>{ setMistake(false); setScreen((prev)=>prev > 0 ? prev - 1 : 0); }; const handleAdWatch = ()=>setMistake(false); const handleStart = (nextScreen)=>setScreen(nextScreen); const handleNextLevel = ()=>setScreen((prev)=>prev + 1); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(HttpsHungliaonlineComAngoltanulasOkosanAz1400LeggyakoribbSzoEgybenAHetkoznapiSzokincsKetharmada, { screen: screen, mistake: mistake, onApprove: handleApproval, onBack: handleBack, onWatchAd: handleAdWatch, onStart: handleStart, onNextLevel: handleNextLevel, __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this })); } function MainComponent() { const [screen, setScreen] = React.useState(0); const [mistake, setMistake] = React.useState(false); const handleApproval = ()=>{ const isCorrect = Math.random() > 0.5; if (isCorrect) { setScreen((prev)=>(prev + 1) % 1000); } else { setMistake(true); } }; const handleBack = ()=>{ setMistake(false); setScreen((prev)=>prev > 0 ? prev - 1 : 0); }; const handleAdWatch = ()=>setMistake(false); const handleStart = (nextScreen)=>setScreen(nextScreen); const handleNextLevel = ()=>setScreen((prev)=>prev + 1); return /*#__PURE__*/ React.createElement(HttpsHungliaonlineComAngoltanulasOkosanAz1400LeggyakoribbSzoEgybenAHetkoznapiSzokincsKetharmada, { screen: screen, mistake: mistake, onApprove: handleApproval, onBack: handleBack, onWatchAd: handleAdWatch, onStart: handleStart, onNextLevel: handleNextLevel, __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }); }