function MainComponent() { const [count, setCount] = React.useState(0); const [tacosPerClick, setTacosPerClick] = React.useState(1); const [tacosPerSecond, setTacosPerSecond] = React.useState(0); const incrementCount = ()=>{ setCount((prevCount)=>prevCount + tacosPerClick); }; React.useEffect(()=>{ const interval = setInterval(()=>{ setCount((prevCount)=>prevCount + tacosPerSecond); }, 1000); return ()=>clearInterval(interval); }, [ tacosPerSecond ]); const buyUpgrades = (cost, perClick, perSecond)=>{ if (count >= cost) { setCount((prevCount)=>prevCount - cost); setTacosPerClick((prevTacosPerClick)=>prevTacosPerClick + perClick); setTacosPerSecond((prevTacosPerSecond)=>prevTacosPerSecond + perSecond); } }; const isBasicUnlocked = count >= 10; const isAutoUnlocked = count >= 50; const isDeluxeUnlocked = count >= 100; const isUltimateUnlocked = count >= 500; const isEpicUnlocked = count >= 1000; const isLegendaryUnlocked = count >= 5000; const isMythicalUnlocked = count >= 20000; const basicProgress = Math.min(100, count / 10 * 100); const autoProgress = Math.min(100, count / 50 * 100); const deluxeProgress = Math.min(100, count / 100 * 100); const ultimateProgress = Math.min(100, count / 500 * 100); const epicProgress = Math.min(100, count / 1000 * 100); const legendaryProgress = Math.min(100, count / 5000 * 100); const mythicalProgress = Math.min(100, count / 20000 * 100); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FDE8D7] flex flex-col lg:flex-row items-center justify-around", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white shadow-md rounded-lg m-4 w-full lg:w-[300px]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: incrementCount, className: "p-4 bg-[#FF6347] rounded-full mb-4 animate-bounce", __source: { fileName: "", lineNumber: 46, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-6xl", __source: { fileName: "", lineNumber: 47, columnNumber: 25 }, __self: this }, "🌮")), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-[#555]", __source: { fileName: "", lineNumber: 49, columnNumber: 21 }, __self: this }, "Tacos: ", count), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-500", __source: { fileName: "", lineNumber: 50, columnNumber: 21 }, __self: this }, "Tacos per Click: ", tacosPerClick), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-500", __source: { fileName: "", lineNumber: 51, columnNumber: 21 }, __self: this }, "Tacos per Second: ", tacosPerSecond)), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(10, 1, 0), disabled: !isBasicUnlocked, className: "w-full p-2 bg-[#FFD700] rounded-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 21 }, __self: this }, "Upgrade to Basic Tacos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(50, 2, 1), disabled: !isAutoUnlocked, className: "w-full p-2 bg-[#C0C0C0] rounded-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, "Upgrade to Auto Tacos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(100, 0, 5), disabled: !isDeluxeUnlocked, className: "w-full p-2 bg-[#CD7F32] rounded-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }, "Upgrade to Deluxe Tacos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(500, 0, 10), disabled: !isUltimateUnlocked, className: "w-full p-2 bg-[#007FFF] rounded-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }, "Upgrade to Ultimate Tacos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(1000, 0, 20), disabled: !isEpicUnlocked, className: "w-full p-2 bg-[#8A2BE2] rounded-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 21 }, __self: this }, "Upgrade to Epic Tacos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(5000, 0, 50), disabled: !isLegendaryUnlocked, className: "w-full p-2 bg-[#FF8C00] rounded-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 21 }, __self: this }, "Upgrade to Legendary Tacos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyUpgrades(20000, 0, 100), disabled: !isMythicalUnlocked, className: "w-full p-2 bg-[#00FFFF] rounded-lg font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 21 }, __self: this }, "Upgrade to Mythical Tacos"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, ` @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .animate-bounce { animation: bounce 1s infinite; } `)); }