function MainComponent() { const [feedRate, setFeedRate] = React.useState(null); const calculateFeedRate = (event)=>{ event.preventDefault(); const speciesParams = { 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 }, grass_carp: { a: 0.0456, b: -0.195, c: 0.0481 }, silver_carp: { a: 0.0442, b: -0.186, c: 0.0475 }, bighead_carp: { a: 0.0456, b: -0.192, c: 0.0487 }, pangasius: { a: 0.0693, b: -0.248, c: 0.06 }, nile_tilapia: { a: 0.0801, b: -0.272, c: 0.0604 }, rainbow_trout: { a: 0.0275, b: -0.211, c: 0.0613 }, channel_catfish: { a: 0.0402, b: -0.166, c: 0.0475 } }; const formData = new FormData(event.target); const species = formData.get("species"); const weight = parseFloat(formData.get("weight")); const temperature = parseFloat(formData.get("temperature")); const dissolvedOxygen = parseFloat(formData.get("do")); const { a, b, c } = speciesParams[species]; const feedRate = a * Math.pow(weight, b) * Math.exp(c * temperature) * dissolvedOxygen; setFeedRate(feedRate.toFixed(4)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#f0f0f0] font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "Fish Feed Rate Calculator"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md bg-white p-6 shadow-md rounded", onSubmit: calculateFeedRate, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "species", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Select Fish Species"), /*#__PURE__*/ React.createElement("select", { name: "species", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "rohu", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Rohu (Labeo rohita)"), /*#__PURE__*/ React.createElement("option", { value: "catla", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Catla (Catla catla)"), /*#__PURE__*/ React.createElement("option", { value: "mrigal", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Mrigal (Cirrhinus mrigala)"), /*#__PURE__*/ React.createElement("option", { value: "grass_carp", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Grass Carp (Ctenopharyngodon idella)"), /*#__PURE__*/ React.createElement("option", { value: "silver_carp", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Silver Carp (Hypophthalmichthys molitrix)"), /*#__PURE__*/ React.createElement("option", { value: "bighead_carp", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Bighead Carp (Hypophthalmichthys nobilis)"), /*#__PURE__*/ React.createElement("option", { value: "pangasius", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Pangasius (Pangasianodon hypophthalmus)"), /*#__PURE__*/ React.createElement("option", { value: "nile_tilapia", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Nile Tilapia (Oreochromis niloticus)"), /*#__PURE__*/ React.createElement("option", { value: "rainbow_trout", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Rainbow Trout (Oncorhynchus mykiss)"), /*#__PURE__*/ React.createElement("option", { value: "channel_catfish", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Channel Catfish"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "weight", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Weight (W) in grams"), /*#__PURE__*/ React.createElement("input", { name: "weight", type: "number", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "temperature", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Temperature (T) in °C"), /*#__PURE__*/ React.createElement("input", { name: "temperature", type: "number", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "do", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Dissolved Oxygen (DO) in mg/L"), /*#__PURE__*/ React.createElement("input", { name: "do", type: "number", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white font-bold py-2 px-4 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "Calculate Feed Rate"), feedRate && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#e0ffe0] text-green-800 rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Calculated Feed Rate: ", feedRate))); }