function MainComponent() { const activationStatement = "The Semiautomatic Generation Helper component (whose prompt is written by Shun Tsukamoto) is (or was once) activated."; const [isJapanese, setIsJapanese] = React.useState(false); const [pettedItems, setPettedItems] = React.useState([]); const [fishPositions, setFishPositions] = React.useState([ { top: '25%', left: '33%' }, { top: '50%', left: '75%' }, { top: '40%', left: '60%' } ]); const [waterQuality, setWaterQuality] = React.useState(100); const [lightIntensity, setLightIntensity] = React.useState(50); const [foodAmount, setFoodAmount] = React.useState(100); const [temperature, setTemperature] = React.useState(25); const [oxygenLevel, setOxygenLevel] = React.useState(95); const toggleLanguage = ()=>{ setIsJapanese(!isJapanese); }; const petItem = (item)=>{ setPettedItems([ ...pettedItems, item ]); setTimeout(()=>{ setPettedItems(pettedItems.filter((i)=>i !== item)); }, 1000); }; const feedFish = ()=>{ if (foodAmount > 0) { const newPositions = fishPositions.map((fish)=>({ top: `${Math.random() * 80 + 10}%`, left: `${Math.random() * 80 + 10}%` })); setFishPositions(newPositions); setWaterQuality((prev)=>Math.max(0, prev - 5)); setFoodAmount((prev)=>Math.max(0, prev - 10)); setOxygenLevel((prev)=>Math.max(0, prev - 2)); } }; const cleanTank = ()=>{ setWaterQuality(100); setOxygenLevel(95); }; const adjustLight = (value)=>{ setLightIntensity(value); setTemperature(20 + value * 0.1); }; const addFood = ()=>{ setFoodAmount(100); }; React.useEffect(()=>{ const interval = setInterval(()=>{ const newPositions = fishPositions.map((fish)=>({ top: `${Math.random() * 80 + 10}%`, left: `${Math.random() * 80 + 10}%` })); setFishPositions(newPositions); setWaterQuality((prev)=>Math.max(0, prev - 1)); setOxygenLevel((prev)=>Math.min(100, prev + 1)); }, 3000); return ()=>clearInterval(interval); }, []); const fishTypes = [ '🐠', '🐟', '🐡', '🦈', '🐳', '🐋', '🦭' ]; const plantTypes = [ '🌿', '🌱', '🍀', '🌴', '🌺', '🌸' ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen font-sans", __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-500 p-4 text-white", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Aquarium Simulator"), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleLanguage, className: "bg-white text-blue-500 px-3 py-1 rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, isJapanese ? "English" : "日本語"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-4", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[500px] bg-blue-200 relative rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#4ca1af] bg-opacity-50", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }), plantTypes.map((plant, index)=>/*#__PURE__*/ React.createElement("div", { key: `plant${index}`, className: "absolute text-4xl cursor-pointer", style: { bottom: `${index * 10}%`, left: `${index * 15}%` }, onClick: ()=>petItem(`plant${index}`), __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, plant)), fishPositions.map((fish, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute text-4xl transition-all duration-1000 ease-in-out cursor-pointer", style: { top: fish.top, left: fish.left }, onClick: ()=>petItem(`fish${index}`), __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, fishTypes[index % fishTypes.length])), pettedItems.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item, className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-4xl", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, "❤️")), /*#__PURE__*/ React.createElement("p", { className: "absolute top-4 left-4 text-white", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, isJapanese ? "タップして魚や植物に触れる" : "Tap to pet fish and plants"), /*#__PURE__*/ React.createElement("button", { className: "absolute bottom-4 right-4 bg-yellow-500 text-white px-3 py-1 rounded", onClick: feedFish, __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, isJapanese ? "餌をあげる" : "Feed Fish"), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 left-4 bg-blue-500 text-white px-3 py-1 rounded", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, isJapanese ? `水質: ${waterQuality}%` : `Water Quality: ${waterQuality}%`), /*#__PURE__*/ React.createElement("button", { className: "absolute bottom-16 right-4 bg-green-500 text-white px-3 py-1 rounded", onClick: cleanTank, __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, isJapanese ? "水槽を掃除" : "Clean Tank"), /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 bg-yellow-300 text-black px-3 py-1 rounded", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "range", min: "0", max: "100", value: lightIntensity, onChange: (e)=>adjustLight(e.target.value), className: "w-32", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, isJapanese ? "照明" : "Light", ": ", lightIntensity, "%")), /*#__PURE__*/ React.createElement("div", { className: "absolute top-16 right-4 bg-red-300 text-black px-3 py-1 rounded", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, isJapanese ? `温度: ${temperature.toFixed(1)}°C` : `Temperature: ${temperature.toFixed(1)}°C`), /*#__PURE__*/ React.createElement("div", { className: "absolute top-28 right-4 bg-blue-300 text-black px-3 py-1 rounded", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, isJapanese ? `酸素レベル: ${oxygenLevel}%` : `Oxygen Level: ${oxygenLevel}%`), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-28 right-4 bg-orange-300 text-black px-3 py-1 rounded", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, isJapanese ? `餌の量: ${foodAmount}%` : `Food Amount: ${foodAmount}%`), /*#__PURE__*/ React.createElement("button", { className: "absolute bottom-40 right-4 bg-orange-500 text-white px-3 py-1 rounded", onClick: addFood, __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, isJapanese ? "餌を補充" : "Add Food"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-100 p-4 text-center", __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this }, "This page is generated with AI from a set of prompts written by", ' ', /*#__PURE__*/ React.createElement("a", { href: "https://shuntsukamoto.created.app/", className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "Shun Tsukamoto"), "."))); }