function MainComponent() { const [aerationSystem, setAerationSystem] = React.useState("No Aeration"); const [species, setSpecies] = React.useState("Pangasius"); const handleAerationChange = (e)=>setAerationSystem(e.target.value); const handleSpeciesChange = (e)=>setSpecies(e.target.value); const k1Values = { Pangasius: 1.0, "Nile Tilapia": 1.25, "Indian major carp": 0.8, "Chinese carp": 0.8, "Pabda catfish": 0.8, "Shingi catfish": 0.8, "Koi climbing perch": 1.0, Shrimp: 15 }; const aValues = { Pangasius: 0.364, "Nile Tilapia": 0.179, "Indian major carp": 0.283, "Chinese carp": 0.325, "Pabda catfish": 0.354, "Shingi catfish": 0.297, "Koi climbing perch": 0.126, Shrimp: 0 }; const bValues = { Pangasius: -0.03, "Nile Tilapia": -0.035, "Indian major carp": -0.041, "Chinese carp": -0.03, "Pabda catfish": -0.0411, "Shingi catfish": -0.0219, "Koi climbing perch": -0.048, Shrimp: 0 }; const calculateFishDensity = (event)=>{ event.preventDefault(); const form = event.target; const W = parseFloat(form['averageWeight'].value); const T = parseFloat(form['waterTemperature'].value); let N; if (aerationSystem === "No Aeration") { const k1 = k1Values[species]; N = k1 * Math.pow(W, -0.33); } else { const E = 0.8; const a = aValues[species]; const b = bValues[species]; const OCR = a * Math.pow(W / 1000, b) * Math.pow(1.024, T - 20); const OTR = 2.5; N = OTR * E / (OCR * W); } console.log(`Number of fish per cubic meter: ${N}`); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: calculateFishDensity, __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Average weight of individual fish (g):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "averageWeight", className: "border rounded p-2 w-full", required: true, __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Water temperature in °C:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "waterTemperature", className: "border rounded p-2 w-full", required: true, __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Select species:"), /*#__PURE__*/ React.createElement("select", { name: "species", className: "border rounded p-2 w-full", onChange: handleSpeciesChange, required: true, __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Pangasius", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Pangasius"), /*#__PURE__*/ React.createElement("option", { value: "Nile Tilapia", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "Nile Tilapia"), /*#__PURE__*/ React.createElement("option", { value: "Indian major carp", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Indian major carp"), /*#__PURE__*/ React.createElement("option", { value: "Chinese carp", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Chinese carp"), /*#__PURE__*/ React.createElement("option", { value: "Pabda catfish", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Pabda catfish"), /*#__PURE__*/ React.createElement("option", { value: "Shingi catfish", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Shingi catfish"), /*#__PURE__*/ React.createElement("option", { value: "Koi climbing perch", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Koi climbing perch"), /*#__PURE__*/ React.createElement("option", { value: "Shrimp", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Shrimp"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "Select Aeration system:"), /*#__PURE__*/ React.createElement("select", { name: "aerationSystem", className: "border rounded p-2 w-full", onChange: handleAerationChange, required: true, __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "No Aeration", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "No Aeration"), /*#__PURE__*/ React.createElement("option", { value: "Combination of surface and mechanical aerators and diffused air systems", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Combination of surface and mechanical aerators and diffused air systems"), /*#__PURE__*/ React.createElement("option", { value: "Mechanical aerators and surface", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Mechanical aerators and surface"), /*#__PURE__*/ React.createElement("option", { value: "Diffused Air Systems", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Diffused Air Systems"))), aerationSystem !== "No Aeration" && /*#__PURE__*/ React.createElement("div", { id: "aerationDetails", className: "space-y-4", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, aerationSystem !== "Mechanical aerators and surface" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, "Air flow rate:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "airFlowRate", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, "Number of diffusers:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "numberOfDiffusers", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }, "Size of diffuser:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "sizeOfDiffuser", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, "Diffuser submerged depth (m):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "diffuserDepth", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, "Type of diffuser:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "typeOfDiffuser", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Horse power (hp):"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "horsePower", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, "Calculate")))); }