function MainComponent() { const species = [ { name: "Rohu (Labeo rohita)", a: 0.0612, b: -0.209, c: 0.0613, k: 2.5, p: 0.6 }, { name: "Catla (Catla catla)", a: 0.0541, b: -0.192, c: 0.0597, k: 2.7, p: 0.5 }, { name: "Mrigal (Cirrhinus mrigala)", a: 0.0459, b: -0.174, c: 0.0611, k: 2.8, p: 0.6 }, { name: "Grass carp (Ctenopharyngodon idella)", a: 0.0456, b: -0.195, c: 0.0481, k: 2.7, p: 0.5 }, { name: "Silver carp (Hypophthalmichthys molitrix)", a: 0.0442, b: -0.186, c: 0.0475, k: 2.5, p: 0.5 }, { name: "Bighead carp (Hypophthalmichthys nobilis)", a: 0.0456, b: -0.192, c: 0.0487, k: 2.6, p: 0.6 }, { name: "Pangasius (Pangasius hypophthalmus)", a: 0.0693, b: -0.248, c: 0.06, k: 2.5, p: 0.5 }, { name: "Nile Tilapia (Oreochromis niloticus)", a: 0.0801, b: -0.272, c: 0.0604, k: 2.0, p: 0.5 }, { name: "Rainbow Trout (Oncorhynchus mykiss)", a: 0.0275, b: -0.211, c: 0.0613, k: 3.0, p: 0.6 }, { name: "Channel Catfish", a: 0.0402, b: -0.166, c: 0.0475, k: 3.0, p: 0.5 } ]; const calculateFeedingRate = (e)=>{ e.preventDefault(); const form = e.target; const selectedSpeciesIndex = form.species.value; const weight = parseFloat(form.weight.value); const temperature = parseFloat(form.temperature.value); const dissolvedOxygen = parseFloat(form.do.value); const proteinContent = parseFloat(form.protein.value); const { a, b, c, k, p } = species[selectedSpeciesIndex]; const d = 0.1; const feedingRate = a * weight ** b * Math.exp(c * temperature) * (dissolvedOxygen / (dissolvedOxygen + k) ** p) * (1 + d * proteinContent) * 10; alert(`Feeding Rate: ${feedingRate.toFixed(2)}% body weight per day`); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white p-6 rounded-lg shadow-md mt-5", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Feeding Rate Calculator"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: calculateFeedingRate, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "species", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Fish Species"), /*#__PURE__*/ React.createElement("select", { id: "species", name: "species", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, species.map((specie, idx)=>/*#__PURE__*/ React.createElement("option", { key: idx, value: idx, __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, specie.name)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "weight", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Fish Body Weight (g)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "weight", name: "weight", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "temperature", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "temperature", name: "temperature", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "do", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Dissolved Oxygen Concentration (mg/L)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "do", name: "do", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "protein", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Protein Content in Feed (%)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "protein", name: "protein", className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-600 text-white font-medium rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Calculate Feeding Rate"))); }