function MainComponent() { const calculateFeedingRate = (event)=>{ event.preventDefault(); const form = event.target; const species = form.elements.species.value; const weight = parseFloat(form.elements.weight.value); const temperature = parseFloat(form.elements.temperature.value); const dissolvedOxygen = parseFloat(form.elements.dissolved_oxygen.value); const proteinContent = parseFloat(form.elements.protein_content.value); const speciesConstants = { rohu: { a: 0.0612, b: -0.209, c: 0.0613, k: 2.5, p: 0.6 }, catla: { a: 0.0541, b: -0.192, c: 0.0597, k: 2.7, p: 0.5 }, mrigal: { a: 0.0459, b: -0.174, c: 0.0611, k: 2.8, p: 0.6 }, grass_carp: { a: 0.0456, b: -0.195, c: 0.0481, k: 2.7, p: 0.5 }, silver_carp: { a: 0.0442, b: -0.186, c: 0.0475, k: 2.5, p: 0.5 }, bighead_carp: { a: 0.0456, b: -0.192, c: 0.0487, k: 2.6, p: 0.6 }, pangasius: { a: 0.0693, b: -0.248, c: 0.06, k: 2.5, p: 0.5 }, nile_tilapia: { a: 0.0801, b: -0.272, c: 0.0604, k: 2.0, p: 0.5 }, rainbow_trout: { a: 0.0275, b: -0.211, c: 0.0613, k: 3.0, p: 0.6 }, channel_catfish: { a: 0.0402, b: -0.166, c: 0.0475, k: 3.0, p: 0.5 } }; const { a, b, c, k, p } = speciesConstants[species]; const d = 0.1; const feedingRate = a * Math.pow(weight, b) * Math.exp(c * temperature) * (dissolvedOxygen / (dissolvedOxygen + k)) ** p * (1 + d * proteinContent); document.getElementById('result').textContent = `Feeding Rate: ${feedingRate.toFixed(2)}% of body weight per day`; }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-100", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "Feeding Rate Calculator"), /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-4", onSubmit: calculateFeedingRate, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Fish Species"), /*#__PURE__*/ React.createElement("select", { name: "species", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "rohu", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Rohu (Labeo rohita)"), /*#__PURE__*/ React.createElement("option", { value: "catla", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Catla (Catla catla)"), /*#__PURE__*/ React.createElement("option", { value: "mrigal", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Mrigal (Cirrhinus mrigala)"), /*#__PURE__*/ React.createElement("option", { value: "grass_carp", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Grass carp (Ctenopharyngodon idella)"), /*#__PURE__*/ React.createElement("option", { value: "silver_carp", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Silver carp (Hypophthalmichthys molitrix)"), /*#__PURE__*/ React.createElement("option", { value: "bighead_carp", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Bighead carp (Hypophthalmichthys nobilis)"), /*#__PURE__*/ React.createElement("option", { value: "pangasius", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Pangasius (Pangasius hypophthalmus)"), /*#__PURE__*/ React.createElement("option", { value: "nile_tilapia", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Nile Tilapia (Oreochromis niloticus)"), /*#__PURE__*/ React.createElement("option", { value: "rainbow_trout", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Rainbow Trout (Oncorhynchus mykiss)"), /*#__PURE__*/ React.createElement("option", { value: "channel_catfish", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Channel Catfish"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Fish Weight (g)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "weight", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "temperature", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Dissolved Oxygen (mg/L)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "dissolved_oxygen", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Protein Content (%)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "protein_content", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Calculate Feeding Rate")), /*#__PURE__*/ React.createElement("div", { id: "result", className: "mt-4 text-xl font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }))); }