function MainComponent() { const [inputs, setInputs] = React.useState({ fishWeight: 0, waterTemperature: 0, stockingDensity: 0, secchiDiskDepth: 0 }); const handleChange = (e)=>{ setInputs({ ...inputs, [e.target.name]: parseFloat(e.target.value) || 0 }); }; const handleSubmit = (e)=>{ e.preventDefault(); const { fishWeight, waterTemperature, stockingDensity, secchiDiskDepth } = inputs; const FR = 2014.45 + 2.75 * fishWeight - 165.2 * waterTemperature + 0.007 * fishWeight ** 2 + 3.93 * waterTemperature ** 2 - 0.21 * fishWeight * waterTemperature; const DOFR = FR * stockingDensity / 1000; const DPR = -1.133 + 0.0038 * secchiDiskDepth + 0.000014 * secchiDiskDepth ** 2 + 0.081 * waterTemperature - 0.000749 * waterTemperature ** 2 - 0.00035 * secchiDiskDepth * waterTemperature; const kNR = 0.1 * Math.pow(1.08, waterTemperature - 20); const Nr = 0.03 * (FR * fishWeight * 1) / (24 * 100); const DONR = 4.57 * kNR * Nr / 1; alert(`Oxygen Consumption (Fish Respiration): ${DOFR.toFixed(2)} g m-3\nOxygen Consumption (Phytoplankton Respiration): ${DPR.toFixed(2)} g m-3\nOxygen Consumption (Nitrification): ${DONR.toFixed(2)} g m-3`); }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "p-4 bg-white shadow-md rounded-lg max-w-[500px] w-full", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-center mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Aquaculture Oxygen Calculation Tool"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Fish Weight (Wn, g):", /*#__PURE__*/ React.createElement("input", { type: "number", name: "fishWeight", className: "w-full p-2 border rounded mt-1", onChange: handleChange, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Water Temperature (Tw, °C):", /*#__PURE__*/ React.createElement("input", { type: "number", name: "waterTemperature", className: "w-full p-2 border rounded mt-1", onChange: handleChange, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Stocking Density (SD, kg fish m³):", /*#__PURE__*/ React.createElement("input", { type: "number", name: "stockingDensity", className: "w-full p-2 border rounded mt-1", onChange: handleChange, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Secchi Disk Depth (SDD, m):", /*#__PURE__*/ React.createElement("input", { type: "number", name: "secchiDiskDepth", className: "w-full p-2 border rounded mt-1", onChange: handleChange, __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-[#007BFF] text-white font-medium rounded mt-2 hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Calculate Oxygen Consumption"))); }