function MainComponent() { const speciesConstants = { "Rainbow Trout": { a: 0.0275, b: -0.211, c: 0.0613 }, "Channel Catfish": { a: 0.0402, b: -0.166, c: 0.0475 }, "Nile Tilapia": { a: 0.0801, b: -0.272, c: 0.0604 }, "Common Carp": { a: 0.0346, b: -0.192, c: 0.0481 }, "Rohu": { a: 0.0612, b: -0.209, c: 0.0613 }, "Catla": { a: 0.0541, b: -0.192, c: 0.0597 }, "Mrigal": { a: 0.0459, b: -0.174, c: 0.0611 }, "Silver Carp": { a: 0.0442, b: -0.186, c: 0.0475 }, "Bighead Carp": { a: 0.0456, b: -0.192, c: 0.0487 }, "Grass Carp": { a: 0.0456, b: -0.195, c: 0.0481 }, "Pangasius": { a: 0.0693, b: -0.248, c: 0.06 } }; const oxygenConstants = { "Rainbow Trout": { k: 3.0, p: 0.6 }, "Channel Catfish": { k: 3.0, p: 0.5 }, "Rohu": { k: 2.5, p: 0.6 }, "Catla": { k: 2.7, p: 0.5 }, "Mrigal": { k: 2.8, p: 0.6 }, "Silver Carp": { k: 2.5, p: 0.5 }, "Bighead Carp": { k: 2.6, p: 0.6 }, "Grass Carp": { k: 2.7, p: 0.5 }, "Common Carp": { k: 2.8, p: 0.6 }, "Pangasius": { k: 2.5, p: 0.5 }, "Nile Tilapia": { k: 2.0, p: 0.5 } }; const [species, setSpecies] = React.useState(""); const [weight, setWeight] = React.useState(""); const [temperature, setTemperature] = React.useState(""); const [dissolvedOxygen, setDissolvedOxygen] = React.useState(""); const [feedingRate, setFeedingRate] = React.useState(null); const calculateFeedingRate = ()=>{ if (!species || !weight || !temperature || !dissolvedOxygen) { setFeedingRate(null); return; } const { a, b, c } = speciesConstants[species]; const { k, p } = oxygenConstants[species]; const W = parseFloat(weight); const T = parseFloat(temperature); const DO = parseFloat(dissolvedOxygen); const fDO = Math.pow(DO / (DO + k), p); const FR = a * Math.pow(W, b) * Math.exp(c * T) * fDO; setFeedingRate(FR.toFixed(4)); }; const speciesOptions = Object.keys(speciesConstants).map((species)=>/*#__PURE__*/ React.createElement("option", { value: species, key: species, __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, species)); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full max-w-lg mx-auto p-4 border rounded shadow-md font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "Fish Feeding Rate Calculator"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold mb-2", htmlFor: "species", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Select Fish Species"), /*#__PURE__*/ React.createElement("select", { id: "species", name: "species", className: "p-2 border rounded w-full", value: species, onChange: (e)=>setSpecies(e.target.value), __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "-- Select a species --"), speciesOptions)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold mb-2", htmlFor: "weight", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Fish Body Weight (g)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "weight", name: "weight", step: "0.01", className: "p-2 border rounded w-full", value: weight, onChange: (e)=>setWeight(e.target.value), __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold mb-2", htmlFor: "temperature", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "temperature", name: "temperature", step: "0.01", className: "p-2 border rounded w-full", value: temperature, onChange: (e)=>setTemperature(e.target.value), __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold mb-2", htmlFor: "dissolvedOxygen", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Dissolved Oxygen (mg/L)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "dissolvedOxygen", name: "dissolvedOxygen", step: "0.01", className: "p-2 border rounded w-full", value: dissolvedOxygen, onChange: (e)=>setDissolvedOxygen(e.target.value), __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 text-white py-2 rounded w-full", onClick: calculateFeedingRate, __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, "Calculate Feeding Rate"), feedingRate !== null && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-2 border rounded font-semibold", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, "Feeding Rate: ", feedingRate, " % body weight per day")); }