function MainComponent() { const [count, setCount] = React.useState(0); const [computersPerSecond, setComputersPerSecond] = React.useState(0); const [computersPerClick, setComputersPerClick] = React.useState(1); const [isShopOpen, setIsShopOpen] = React.useState(false); const [coolersOwned, setCoolersOwned] = React.useState(0); const [powerSourcesOwned, setPowerSourcesOwned] = React.useState(0); const [ramOwned, setRamOwned] = React.useState(0); const toggleShop = ()=>setIsShopOpen(!isShopOpen); const buyCooler = ()=>{ if (count >= 30) { setCount(count - 30); setCoolersOwned(coolersOwned + 1); setComputersPerSecond(computersPerSecond + 1); } }; const buyPowerSource = ()=>{ if (count >= 100) { setCount(count - 100); setPowerSourcesOwned(powerSourcesOwned + 1); setComputersPerClick(computersPerClick + 1); } }; const buyRAM = ()=>{ if (count >= 250) { setCount(count - 250); setRamOwned(ramOwned + 1); setComputersPerSecond(computersPerSecond + 10); } }; const incrementCounter = ()=>{ setCount(count + computersPerClick); }; React.useEffect(()=>{ const interval = setInterval(()=>{ setCount((currentCount)=>currentCount + computersPerSecond); }, 1000); return ()=>clearInterval(interval); }, [ computersPerSecond ]); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] text-[#121212]", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl mb-8", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Computer Clicker Game"), /*#__PURE__*/ React.createElement("div", { className: "mb-5 text-3xl", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Computers: ", count), /*#__PURE__*/ React.createElement("span", { className: "block mt-2 text-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Per Click: ", computersPerClick), /*#__PURE__*/ React.createElement("span", { className: "block", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Per Second: ", computersPerSecond)), /*#__PURE__*/ React.createElement("button", { onClick: incrementCounter, className: "mb-5 px-4 py-2 bg-[#00adee] text-white rounded", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Click Me!"), /*#__PURE__*/ React.createElement("button", { onClick: toggleShop, className: "px-4 py-2 bg-[#ffcc00] text-white rounded-full mb-10", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Shop"), isShopOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center bg-[#00000080]", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Shop"), /*#__PURE__*/ React.createElement("button", { onClick: buyCooler, className: "mb-3 px-4 py-2 bg-green-500 text-white rounded w-full", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Buy Cooler - 30 Computers"), /*#__PURE__*/ React.createElement("button", { onClick: buyPowerSource, className: "mb-3 px-4 py-2 bg-blue-500 text-white rounded w-full", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Buy Power Source - 100 Computers"), /*#__PURE__*/ React.createElement("button", { onClick: buyRAM, className: "mb-3 px-4 py-2 bg-purple-500 text-white rounded w-full", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Buy 15GB RAM - 250 Computers"), /*#__PURE__*/ React.createElement("button", { onClick: toggleShop, className: "px-4 py-2 bg-red-500 text-white rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Close Shop"))))); }