function MainComponent() { const fishSpecies = [ "Rohu", "Catla", "Mrigal", "Silver Carp", "Big Head Carp", "Grass Carp", "Common Carp", "Pangasius", "Nile Tilapia", "Pabda Catfish", "Shingi Catfish", "Koi Climbing Perch" ]; const speciesParameters = { Pangasius: { a: 0.364, b: -0.03 }, "Indian Major Carp": { a: 0.283, b: -0.041 }, "Chinese Carp": { a: 0.325, b: -0.03 }, "Nile Tilapia": { a: 0.179, b: -0.035 }, "Pabda Catfish": { a: 0.354, b: -0.0411 }, "Shingi Catfish": { a: 0.297, b: -0.0219 }, "Koi Climbing Perch": { a: 0.126, b: -0.048 }, "Common Carp": { a: 0.204, b: -0.051 } }; const calculateValues = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const species = formData.get("fishSpecies"); const W = parseFloat(formData.get("fishMass")); const T = parseFloat(formData.get("waterTemperature")); const SD = parseFloat(formData.get("secchiDepth")); const DEPTH = parseFloat(formData.get("averageDepth")); const WIND = parseFloat(formData.get("windVelocity")); const SAT = parseFloat(formData.get("saturationLevel")); const DO = parseFloat(formData.get("doLevel")); const I0_toa = parseFloat(formData.get("surfaceLightIntensity")); const ZMAX = parseFloat(formData.get("maxDepth")); const { a, b } = speciesParameters[species] || {}; const OCR = a * (W / 1000) ** b * 1.024 ** (T - 20); const PRESPR = -1.133 + 0.00381 * SD + 0.0000145 * SD ** 2 + 0.0812 * T - 0.000749 * T ** 2 - 0.000349 * SD * T; const BRESP = 0.061 / DEPTH; const REAER = (0.03 * WIND ** 0.5 - 0.0132 * WIND + 0.0015 * WIND ** 2) * (SAT - DO); const Chl_a = 10 ** (2.33 - 0.94 * Math.log(SD)); const Kc = 0.0604 + 0.7546 * (440 / 550) + 0.1182 + 0.4892 * (440 / 550); const EXT = 0.594 * Math.exp(-0.00594 * (440 / 550)) + Kc * Chl_a ** b; const ZEU = 4.6 / EXT; const PHAR = 0.43 * I0_toa * Math.exp(-0.649 * Chl_a ** 0.363); const Pmax = a * I0_toa * ZEU; const GPP = (1 - ZEU / ZMAX) * Pmax * PHAR; document.querySelector(".result-OCR").textContent = OCR.toFixed(2); document.querySelector(".result-PRESPR").textContent = PRESPR.toFixed(2); document.querySelector(".result-BRESP").textContent = BRESP.toFixed(2); document.querySelector(".result-REAER").textContent = REAER.toFixed(2); document.querySelector(".result-GPP").textContent = GPP.toFixed(2); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-crimson-text", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "Fish Species Calculator"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: calculateValues, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Fish Species"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded", name: "fishSpecies", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, fishSpecies.map((species, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: species, __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, species)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Fish Mass (W) in grams"), /*#__PURE__*/ React.createElement("input", { type: "number", className: "w-full p-2 border border-gray-300 rounded", name: "fishMass", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Water Temperature (T) in °C"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "waterTemperature", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Secchi Disk Depth (SD) in meters"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "secchiDepth", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Average Pond Depth (DEPTH) in meters"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "averageDepth", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "Wind Velocity (WIND) in m/s"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "windVelocity", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Saturation Level (SAT)"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "saturationLevel", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Existing DO Level (DO) in mg/l"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "doLevel", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Surface Light Intensity (I0,toa) in W/m²"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "surfaceLightIntensity", __source: { fileName: "", lineNumber: 107, 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 }, "Maximum Depth of Euphotic Zone (ZMAX) in meters"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "any", className: "w-full p-2 border border-gray-300 rounded", name: "maxDepth", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white font-bold rounded", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, "Calculate")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 120, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "OCR (g O₂ per kg fish per hour): ", /*#__PURE__*/ React.createElement("span", { className: "result-OCR", __source: { fileName: "", lineNumber: 122, columnNumber: 47 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, "PRESPR (g m⁻³ h⁻¹): ", /*#__PURE__*/ React.createElement("span", { className: "result-PRESPR", __source: { fileName: "", lineNumber: 123, columnNumber: 34 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, "BRESP (g m⁻³ h⁻¹): ", /*#__PURE__*/ React.createElement("span", { className: "result-BRESP", __source: { fileName: "", lineNumber: 124, columnNumber: 33 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, "REAER (g m⁻³ h⁻¹): ", /*#__PURE__*/ React.createElement("span", { className: "result-REAER", __source: { fileName: "", lineNumber: 125, columnNumber: 33 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, "GPP (g m⁻³ h⁻¹): ", /*#__PURE__*/ React.createElement("span", { className: "result-GPP", __source: { fileName: "", lineNumber: 126, columnNumber: 31 }, __self: this })))); }