function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); const form = event.target; const fishSpecies = form.fishSpecies.value; const fishMass = parseFloat(form.fishMass.value); const waterTemp = parseFloat(form.waterTemp.value); const secchiDiskDepth = parseFloat(form.secchiDiskDepth.value); const windVelocity = parseFloat(form.windVelocity.value); const doLevel = parseFloat(form.doLevel.value); const waterVolume = parseFloat(form.waterVolume.value); const pondDepth = parseFloat(form.pondDepth.value); const surfaceLightIntensity = parseFloat(form.surfaceLightIntensity.value); const speciesData = { pangasius: { a: 0.364, b: -0.03 }, indianMajorCarp: { a: 0.283, b: -0.041 }, chineseCarp: { a: 0.325, b: -0.03 }, nileTilapia: { a: 0.179, b: -0.035 }, pabdaCatfish: { a: 0.354, b: -0.0411 }, shingiCatfish: { a: 0.297, b: -0.0219 }, koiClimbingPerch: { a: 0.126, b: -0.048 }, commonCarp: { a: 0.204, b: -0.051 } }; const { a, b } = speciesData[fishSpecies]; const OCR = a * Math.pow(fishMass / 1000, b) * Math.pow(1.024, waterTemp - 20); const CHL = Math.pow(10, 2.33 - 0.94 * Math.log(secchiDiskDepth)); const KC = 1.768 / secchiDiskDepth; const EXTW = 0.594 * Math.exp(-0.00594 * (3 * Math.pow(10, 8) / (6.24 * Math.pow(10, 14)))); const EXT = EXTW + KC * CHL; const ZEU = 4.6 / EXT; const ZMAX = 4.6 / EXTW; const PMAX = 0.126 * surfaceLightIntensity * ZEU; const PHAR = 0.43 * surfaceLightIntensity; const GPP = (1 - ZEU / ZMAX) * PMAX * PHAR; const PRESPR = -1.133 + 0.00381 * secchiDiskDepth + 0.0000145 * Math.pow(secchiDiskDepth, 2) + 0.0812 * waterTemp - 0.000749 * Math.pow(waterTemp, 2) - 0.000349 * secchiDiskDepth * waterTemp; const BRESP = 0.061 / pondDepth; const REAER = (0.03 * Math.pow(windVelocity, 0.5) - 0.0132 * windVelocity + 0.0015 * Math.pow(windVelocity, 2)) * (8.6 - doLevel); alert(`OCR: ${OCR.toFixed(2)} \nChl-a: ${CHL.toFixed(2)} \nPRESPR: ${PRESPR.toFixed(2)} \nBRESP: ${BRESP.toFixed(2)} \nREAER: ${REAER.toFixed(2)} \nGPP: ${GPP.toFixed(2)}`); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto shadow-lg rounded-lg p-6 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Aquatic Ecosystem Calculator"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Fish Species"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border rounded", name: "fishSpecies", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pangasius", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "Pangasius"), /*#__PURE__*/ React.createElement("option", { value: "indianMajorCarp", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Indian Major Carp"), /*#__PURE__*/ React.createElement("option", { value: "chineseCarp", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Chinese Carp"), /*#__PURE__*/ React.createElement("option", { value: "nileTilapia", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Nile Tilapia"), /*#__PURE__*/ React.createElement("option", { value: "pabdaCatfish", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Pabda Catfish"), /*#__PURE__*/ React.createElement("option", { value: "shingiCatfish", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Shingi Catfish"), /*#__PURE__*/ React.createElement("option", { value: "koiClimbingPerch", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Koi Climbing Perch"), /*#__PURE__*/ React.createElement("option", { value: "commonCarp", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Common Carp"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Fish Mass (grams)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "fishMass", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "waterTemp", step: "0.1", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Secchi Disk Depth (m)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "secchiDiskDepth", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Wind Velocity (m/s)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "windVelocity", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "DO Level (mg/L)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "doLevel", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Water Volume per Unit Area (m³)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "waterVolume", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "Average Pond Depth (m)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "pondDepth", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "Surface Light Intensity (I0)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "surfaceLightIntensity", step: "0.01", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-blue-500 text-white font-semibold rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Calculate")))); }