function MainComponent() { const [score, setScore] = React.useState(0); const [timeLeft, setTimeLeft] = React.useState(60); const [lives, setLives] = React.useState(3); React.useEffect(()=>{ const interval = setInterval(()=>{ setTimeLeft((prevTime)=>prevTime > 0 ? prevTime - 1 : 0); }, 1000); return ()=>clearInterval(interval); }, []); const handleClickTarget = ()=>{ if (timeLeft > 0) { setScore((prevScore)=>prevScore + 1); } }; const handleKeyDown = (event)=>{ if (event.key === " ") { // Placeholder for shooting logic } }; React.useEffect(()=>{ document.addEventListener('keydown', handleKeyDown); return ()=>document.removeEventListener('keydown', handleKeyDown); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0D1117] min-h-screen flex flex-col items-center justify-center text-center p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-roboto text-4xl mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "🎯 Shooting Game 🎮"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center items-center gap-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#161B22] p-6 rounded-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white font-roboto text-2xl", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Score: ", score)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#161B22] p-6 rounded-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white font-roboto text-2xl", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Time: ", timeLeft, "s")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#161B22] p-6 rounded-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white font-roboto text-2xl", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Lives: ", lives))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 relative w-full max-w-4xl h-[600px] bg-[#238636] rounded-lg overflow-hidden", tabIndex: "0", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 w-[60px] h-[20px] bg-[#ffffff]", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, ` @keyframes target-appear { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } .bg-[#F85149] { animation: none; } `)); }

🎯 Shooting Game 🎮

Score: 0

Time: 60s

Lives: 3