function MainComponent() { const [feedingRate, setFeedingRate] = React.useState(null); const calculateFeedingRate = (event)=>{ event.preventDefault(); const species = event.target.elements.species.value; const weight = parseFloat(event.target.elements.weight.value); const temperature = parseFloat(event.target.elements.temperature.value); const dissolvedOxygen = parseFloat(event.target.elements.do.value); const speciesData = { "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 }, "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 }, "Big head 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.0456, b: -0.195, c: 0.0481, k: 2.8, p: 0.6 }, "Pangas": { 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 } = speciesData[species]; const fDO = Math.pow(dissolvedOxygen / (dissolvedOxygen + k), p); const feedingRate = a * Math.pow(weight, b) * Math.exp(c * (temperature + 1.4)) * fDO; setFeedingRate(feedingRate.toFixed(2)); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Fish 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 }, "Select Fish Species"), /*#__PURE__*/ React.createElement("select", { name: "species", id: "species", className: "mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Rainbow Trout", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Rainbow Trout"), /*#__PURE__*/ React.createElement("option", { value: "Channel Catfish", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Channel Catfish"), /*#__PURE__*/ React.createElement("option", { value: "Rohu", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Rohu"), /*#__PURE__*/ React.createElement("option", { value: "Catla", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Catla"), /*#__PURE__*/ React.createElement("option", { value: "Mrigal", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Mrigal"), /*#__PURE__*/ React.createElement("option", { value: "Silver carp", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Silver carp"), /*#__PURE__*/ React.createElement("option", { value: "Big head Carp", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Big head Carp"), /*#__PURE__*/ React.createElement("option", { value: "Grass Carp", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Grass Carp"), /*#__PURE__*/ React.createElement("option", { value: "Common carp", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Common carp"), /*#__PURE__*/ React.createElement("option", { value: "Pangas", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Pangas"), /*#__PURE__*/ React.createElement("option", { value: "Tilapia", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Tilapia"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "weight", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Fish Body Weight (g)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "weight", id: "weight", className: "mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none", step: "0.01", __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: "temperature", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "temperature", id: "temperature", className: "mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none", step: "0.01", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "do", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Dissolved Oxygen (mg/L)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "do", id: "do", className: "mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none", step: "0.01", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 bg-blue-600 text-white rounded-md shadow-sm hover:bg-blue-700 focus:outline-none", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Calculate Feeding Rate")), feedingRate && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Feeding Rate: ", feedingRate, " % body weight/day"))); }