function MainComponent() { const speciesData = [ { name: 'Pangasius', a: 0.364, b: -0.03 }, { name: 'Indian Major Carp', a: 0.283, b: -0.041 }, { name: 'Chinese Carp', a: 0.325, b: -0.03 }, { name: 'Nile Tilapia', a: 0.179, b: -0.035 }, { name: 'Pabda Catfish', a: 0.354, b: -0.0411 }, { name: 'Shingi Catfish', a: 0.297, b: -0.0219 }, { name: 'Koi Climbing Perch', a: 0.126, b: -0.048 }, { name: 'Common Carp', a: 0.204, b: -0.051 } ]; const speciesOptions = speciesData.map((species)=>/*#__PURE__*/ React.createElement("option", { key: species.name, value: species.name, __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, species.name)); const calculateOCR = (event)=>{ event.preventDefault(); const species = event.target.elements['species'].value; const fishMass = event.target.elements['fish-mass'].value; const waterTemp = event.target.elements['water-temp'].value; const fishData = speciesData.find((s)=>s.name === species); if (fishData) { const { a, b } = fishData; const W = parseFloat(fishMass); const T = parseFloat(waterTemp); const OCR = a * Math.pow(W / 1000, b) * Math.pow(1.024, T - 20); document.getElementById('ocr-result').innerText = `${OCR.toFixed(3)} g O2 per kg fish per hour`; } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "Fish Species Oxygen Consumption Rate Calculator"), /*#__PURE__*/ React.createElement("form", { id: "ocr-calculator", className: "space-y-4", onSubmit: calculateOCR, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "species", className: "block text-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Select Fish Species"), /*#__PURE__*/ React.createElement("select", { id: "species", name: "species", className: "block w-full p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, speciesOptions)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fish-mass", className: "block text-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Fish Mass (grams)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "fish-mass", name: "fish-mass", className: "block w-full p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "water-temp", className: "block text-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Water Temperature (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "water-temp", name: "water-temp", className: "block w-full p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "block w-full bg-blue-500 text-white py-2 rounded-md", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "Calculate OCR")), /*#__PURE__*/ React.createElement("div", { id: "result", className: "mt-4 text-lg", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "Result: ", /*#__PURE__*/ React.createElement("span", { id: "ocr-result", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }))); }