function MainComponent() { const [result, setResult] = React.useState(null); const handleSubmit = (event)=>{ event.preventDefault(); const { species, fishSize, sd, depth, waterVolume, aerationSystem, airflowRate, numDiffusers } = event.target; const speciesFactors = { pangasius: 0.8, nileTilapia: 1.0, indianMajorCarp: 0.9, chineseCarp: 0.85, commonCarp: 0.75, pabdaCatfish: 0.7, shingiCatfish: 0.65, koiClimbingPerch: 0.8, shrimp: 1.2 }; const kValues = { fry: { min: 1.5, max: 2.5 }, fingerlings: { min: 0.8, max: 1.2 }, juveniles: { min: 0.4, max: 0.6 }, adults: { min: 0.2, max: 0.4 }, largeAdults: { min: 0.1, max: 0.2 } }; const effConstants = { diffused: 0.5, surface: 0.8, paddle: 0.9, double: 1.0, impeller: 0.7, fountain: 0.6 }; const aerationRates = { diffused: { min: 0.5, max: 1.5 }, surface: { min: 0.75, max: 1.5 }, paddle: { min: 1.5, max: 2.5 }, double: { min: 2.0, max: 3.5 }, impeller: { min: 1.0, max: 2.0 }, fountain: { min: 0.5, max: 1.0 } }; const effRates = { diffused: { min: 0.8, max: 1.5 }, surface: { min: 1.2, max: 1.8 }, paddle: { min: 1.5, max: 2.5 }, double: { min: 1.8, max: 2.8 }, impeller: { min: 1.4, max: 2.0 }, fountain: { min: 0.8, max: 1.5 } }; const F_species = speciesFactors[species.value]; const K_value = kValues[fishSize.value]; const K = (K_value.min + K_value.max) / 2; const SD = parseFloat(sd.value); const D = parseFloat(depth.value); const F_s = parseFloat(fishSize.value); const W = parseFloat(waterVolume.value); const AF = parseFloat(airflowRate.value); const N_d = parseFloat(numDiffusers.value); let S; if (aerationSystem.value === "none") { S = K * SD * D * F_species / F_s; } else { const C = effConstants[aerationSystem.value]; const AR = (aerationRates[aerationSystem.value].min + aerationRates[aerationSystem.value].max) / 2; const E = (effRates[aerationSystem.value].min + effRates[aerationSystem.value].max) / 2; S = K * SD * D * F_species * (1 + AR * E / W * C) / F_s; } setResult(S); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 79, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, "Stocking Density Calculation for Fish Pond"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Select Fish Species:"), /*#__PURE__*/ React.createElement("select", { name: "species", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pangasius", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Pangasius (Pangasius spp.)"), /*#__PURE__*/ React.createElement("option", { value: "nileTilapia", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Nile Tilapia (Oreochromis niloticus)"), /*#__PURE__*/ React.createElement("option", { value: "indianMajorCarp", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Indian Major Carp (Catla catla, Labeo rohita, Cirrhinus mrigala)"), /*#__PURE__*/ React.createElement("option", { value: "chineseCarp", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Chinese Carp (Hypophthalmichthys molitrix, Ctenopharyngodon idella)"), /*#__PURE__*/ React.createElement("option", { value: "commonCarp", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Common Carp (Cyprinus carpio)"), /*#__PURE__*/ React.createElement("option", { value: "pabdaCatfish", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Pabda Catfish (Ompok bimaculatus)"), /*#__PURE__*/ React.createElement("option", { value: "shingiCatfish", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Shingi Catfish (Heteropneustes fossilis)"), /*#__PURE__*/ React.createElement("option", { value: "koiClimbingPerch", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Koi Climbing Perch (Anabas testudineus)"), /*#__PURE__*/ React.createElement("option", { value: "shrimp", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Shrimp (Litopenaeus vannamei, Macrobrachium rosenbergii)"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Select Fish Size:"), /*#__PURE__*/ React.createElement("select", { name: "fishSize", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "fry", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Fry (0.001-0.1 g)"), /*#__PURE__*/ React.createElement("option", { value: "fingerlings", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "Fingerlings (0.1-10 g)"), /*#__PURE__*/ React.createElement("option", { value: "juveniles", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Juveniles (10-100 g)"), /*#__PURE__*/ React.createElement("option", { value: "adults", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, "Adults (100-1,000 g)"), /*#__PURE__*/ React.createElement("option", { value: "largeAdults", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Large Adults (1,000-10,000 g)"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Secchi Disc Depth (feet):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "sd", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "Water Depth (feet):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "depth", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, "Water Volume (cubic feet):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "waterVolume", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, "Select Aeration System:"), /*#__PURE__*/ React.createElement("select", { name: "aerationSystem", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "none", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "None"), /*#__PURE__*/ React.createElement("option", { value: "diffused", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, "Diffused Aeration"), /*#__PURE__*/ React.createElement("option", { value: "surface", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, "Surface Aeration"), /*#__PURE__*/ React.createElement("option", { value: "paddle", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "Paddle Wheel Aeration"), /*#__PURE__*/ React.createElement("option", { value: "double", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "Double Speed Aeration"), /*#__PURE__*/ React.createElement("option", { value: "impeller", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, "Impeller Aeration"), /*#__PURE__*/ React.createElement("option", { value: "fountain", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, "Fountain Aeration"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, "Airflow Rate (cubic meters per hour):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "airflowRate", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, "Number of Diffusers:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "numDiffusers", className: "w-full p-2 border border-gray-300", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 mt-4 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, "Calculate Stocking Density")), result !== null && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "Calculated Stocking Density:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, result.toFixed(2)))); }