function MainComponent() { const [aerationType, setAerationType] = React.useState("No Aeration"); const [fishPerCubicMeter, setFishPerCubicMeter] = React.useState(0); const calculateFishDensity = (e)=>{ e.preventDefault(); const weight = parseFloat(e.target.weight.value); const temperature = parseFloat(e.target.temperature.value); const species = e.target.species.value; const aerationType = e.target.aeration.value; const speciesConstants = { "Pangasius": { k1: 1.2, a: 0.364, b: -0.03 }, "Nile Tilapia": { k1: 1.5, a: 0.179, b: -0.035 }, "Indian Major Carp": { k1: 1.0, a: 0.283, b: -0.041 }, "Chinese Carp": { k1: 1.0, a: 0.325, b: -0.03 }, "Pabda Catfish": { k1: 1.0, a: 0.354, b: -0.0411 }, "Shingi Catfish": { k1: 1.0, a: 0.297, b: -0.0219 }, "Koi Climbing Perch": { k1: 1.2, a: 0.126, b: -0.048 }, "Shrimp": { k1: 10, a: 10, b: -0.03 } }; const aerationConstants = { "No Aeration": { OTR: 0, E: 0.2 }, "Small paddle wheels": { OTR: 2.0, E: 0.8 }, "Venturi injectors": { OTR: 2.5, E: 0.9 }, "Turbo aerators": { OTR: 3.5, E: 1.0 }, "Fountain aerators": { OTR: 2.0, E: 0.8 }, "Large paddle wheels": { OTR: 2.5, E: 0.7 }, "Propeller-aspirators": { OTR: 3.0, E: 0.9 }, "Push wave": { OTR: 2.5, E: 0.8 }, "Double speed aerator": { OTR: 4.0, E: 0.9 }, "Coarse bubble diffusers": { OTR: 1.5, E: 0.7 }, "Fine bubble diffusers": { OTR: 2.5, E: 1.2 } }; const { k1, a, b } = speciesConstants[species] || speciesConstants["Pangasius"]; let N; if (aerationType === "No Aeration") { N = k1 * Math.pow(weight, -0.33); } else { const OTR = aerationConstants[aerationType].OTR * (parseFloat(e.target.horsePower.value) || 0); const E = aerationConstants[aerationType].E; const OCR = a * Math.pow(weight / 1000, b) * Math.pow(1.024, temperature - 20); N = OTR * E / (OCR * weight); } setFishPerCubicMeter(N.toFixed(2)); }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Stocking Density Calculator"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: calculateFishDensity, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Average Weight of Individual Fish (W) in grams:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "weight", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Water Temperature (T) in °C:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "temperature", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Select Species:"), /*#__PURE__*/ React.createElement("select", { name: "species", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Pangasius", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Pangasius"), /*#__PURE__*/ React.createElement("option", { value: "Nile Tilapia", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Nile Tilapia"), /*#__PURE__*/ React.createElement("option", { value: "Indian Major Carp", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Indian Major Carp"), /*#__PURE__*/ React.createElement("option", { value: "Chinese Carp", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Chinese Carp"), /*#__PURE__*/ React.createElement("option", { value: "Pabda Catfish", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Pabda Catfish"), /*#__PURE__*/ React.createElement("option", { value: "Shingi Catfish", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Shingi Catfish"), /*#__PURE__*/ React.createElement("option", { value: "Koi Climbing Perch", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Koi Climbing Perch"), /*#__PURE__*/ React.createElement("option", { value: "Shrimp", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Shrimp"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "Aeration System:"), /*#__PURE__*/ React.createElement("select", { name: "aeration", className: "w-full border border-gray-300 p-2 rounded", value: aerationType, onChange: (e)=>setAerationType(e.target.value), required: true, __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "No Aeration", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "No Aeration"), /*#__PURE__*/ React.createElement("option", { value: "Combination of Surface and Mechanical Aerators and Diffused Air Systems", __source: { fileName: "", lineNumber: 87, 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: 88, columnNumber: 13 }, __self: this }, "Mechanical Aerators and Surface"), /*#__PURE__*/ React.createElement("option", { value: "Diffused Air Systems", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Diffused Air Systems"))), aerationType !== "No Aeration" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "Horse Power (hp):"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", name: "horsePower", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this })), [ "Combination of Surface and Mechanical Aerators and Diffused Air Systems", "Diffused Air Systems" ].includes(aerationType) && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 102, columnNumber: 21 }, __self: this }, "Air Flow Rate (m³/hr):"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", name: "flowRate", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 103, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 106, columnNumber: 21 }, __self: this }, "Number of Diffusers:"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "1", name: "numDiffusers", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 107, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 21 }, __self: this }, "Size of Diffuser:"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", name: "diffuserSize", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 111, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, "Diffuser Submerged Depth (m):"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", name: "diffuserDepth", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, "Type of Diffuser:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "diffuserType", className: "w-full border border-gray-300 p-2 rounded", required: true, __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, "Calculate")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, "Number of Fish per Cubic Meter:"), /*#__PURE__*/ React.createElement("div", { className: "text-lg mt-2 p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, fishPerCubicMeter))); }