function MainComponent() { const [feedingRate, setFeedingRate] = React.useState(null); const calculateFeedingRate = ({ species, bodyWeight, waterTemp, dissolvedOxygen })=>{ const constants = { rainbow_trout: { a: 0, b: 0, c: 0, k: 3.0, p: 0.6 }, channel_catfish: { a: 0, b: 0, c: 0, k: 3.0, p: 0.5 }, 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 }, 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 }, grass_carp: { a: 0.0456, b: -0.195, c: 0.0481, k: 2.7, p: 0.5 }, common_carp: { a: 0, b: 0, c: 0, k: 2.8, p: 0.6 }, pangasius: { a: 0.0693, b: -0.248, c: 0.06, k: 2.5, p: 0.5 }, tilapia: { a: 0.0801, b: -0.272, c: 0.0604, k: 2.0, p: 0.5 } }; const { a, b, c, k, p } = constants[species]; const fDO = Math.pow(dissolvedOxygen / (dissolvedOxygen + k), p); const FR = a * Math.pow(bodyWeight, b) * Math.exp(c * waterTemp) * fDO; return FR.toFixed(4); }; const handleSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = Object.fromEntries(formData); const FR = calculateFeedingRate({ species: data.species, bodyWeight: parseFloat(data.body_weight), waterTemp: parseFloat(data.water_temp), dissolvedOxygen: parseFloat(data.d_oxygen) }); setFeedingRate(FR); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gray-100 min-h-screen font-sans", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-lg mx-auto bg-white p-8 shadow-lg rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Fish Feeding Rate Calculator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "species", className: "block text-sm font-medium", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Select Fish Species"), /*#__PURE__*/ React.createElement("select", { name: "species", id: "species", className: "w-full mt-2 p-2 border rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "rainbow_trout", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Rainbow Trout"), /*#__PURE__*/ React.createElement("option", { value: "channel_catfish", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Channel Catfish"), /*#__PURE__*/ React.createElement("option", { value: "rohu", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Rohu"), /*#__PURE__*/ React.createElement("option", { value: "catla", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Catla"), /*#__PURE__*/ React.createElement("option", { value: "mrigal", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Mrigal"), /*#__PURE__*/ React.createElement("option", { value: "silver_carp", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Silver Carp"), /*#__PURE__*/ React.createElement("option", { value: "bighead_carp", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Bighead Carp"), /*#__PURE__*/ React.createElement("option", { value: "grass_carp", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Grass Carp"), /*#__PURE__*/ React.createElement("option", { value: "common_carp", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Common Carp"), /*#__PURE__*/ React.createElement("option", { value: "pangasius", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Pangasius"), /*#__PURE__*/ React.createElement("option", { value: "tilapia", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Tilapia"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "body_weight", className: "block text-sm font-medium", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Fish Body Weight (g)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "body_weight", id: "body_weight", step: "any", className: "w-full mt-2 p-2 border rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "water_temp", className: "block text-sm font-medium", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "water_temp", id: "water_temp", step: "any", className: "w-full mt-2 p-2 border rounded", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "d_oxygen", className: "block text-sm font-medium", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Dissolved Oxygen (mg/L)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "d_oxygen", id: "d_oxygen", step: "any", className: "w-full mt-2 p-2 border rounded", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 px-4 rounded mt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Calculate Feeding Rate")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Result"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Feeding Rate: ", /*#__PURE__*/ React.createElement("span", { id: "fr_value", className: "font-bold", __source: { fileName: "", lineNumber: 76, columnNumber: 53 }, __self: this }, feedingRate))))); }