function MainComponent() { const [wt, setWt] = React.useState(''); const [fw, setFw] = React.useState(''); const [a, setA] = React.useState(''); const [d, setD] = React.useState(''); const [twc, setTwc] = React.useState(''); const [result, setResult] = React.useState(''); const handleCalculate = (e)=>{ e.preventDefault(); const x = -0.999 - 9.57 * Math.pow(10, -4) * wt + 6.0 * Math.pow(10, -7) * Math.pow(wt, 2) + 3.27 * Math.pow(10, -2) * twc - 8.7 * Math.pow(10, -6) * Math.pow(twc, 2) + 3.0 * Math.pow(10, -7) * wt * twc; const fr = Math.pow(10, x) * 1000; const fb = fw / (a * d); const result = fr * fb; setResult(result.toFixed(2)); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F7F7F7] min-h-screen flex justify-center items-center font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[500px] p-4 bg-white shadow-lg rounded-md", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#333] text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, "Aquaculture Calculator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCalculate, __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "wt", className: "block text-lg text-[#555]", __source: { fileName: "", lineNumber: 28, columnNumber: 25 }, __self: this }, "Average Fish Weight (g)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "wt", id: "wt", className: "w-full p-2 border-2 border-[#DDD] rounded", placeholder: "Enter weight in grams", value: wt, onChange: (e)=>setWt(e.target.value), __source: { fileName: "", lineNumber: 29, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fw", className: "block text-lg text-[#555]", __source: { fileName: "", lineNumber: 32, columnNumber: 25 }, __self: this }, "Total Fish Biomass (kg)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "fw", id: "fw", className: "w-full p-2 border-2 border-[#DDD] rounded", placeholder: "Enter biomass in kilograms", value: fw, onChange: (e)=>setFw(e.target.value), __source: { fileName: "", lineNumber: 33, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "a", className: "block text-lg text-[#555]", __source: { fileName: "", lineNumber: 36, columnNumber: 25 }, __self: this }, "Pond Surface Area (m²)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "a", id: "a", className: "w-full p-2 border-2 border-[#DDD] rounded", placeholder: "Enter area in square meters", value: a, onChange: (e)=>setA(e.target.value), __source: { fileName: "", lineNumber: 37, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "d", className: "block text-lg text-[#555]", __source: { fileName: "", lineNumber: 40, columnNumber: 25 }, __self: this }, "Depth (m)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "d", id: "d", className: "w-full p-2 border-2 border-[#DDD] rounded", placeholder: "Enter depth in meters", value: d, onChange: (e)=>setD(e.target.value), __source: { fileName: "", lineNumber: 41, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "twc", className: "block text-lg text-[#555]", __source: { fileName: "", lineNumber: 44, columnNumber: 25 }, __self: this }, "Temperature of Water Column (°C)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "twc", id: "twc", className: "w-full p-2 border-2 border-[#DDD] rounded", placeholder: "Enter temperature in Celsius", value: twc, onChange: (e)=>setTwc(e.target.value), __source: { fileName: "", lineNumber: 45, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-300", __source: { fileName: "", lineNumber: 47, columnNumber: 21 }, __self: this }, "Calculate"), result && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg text-green-600", __source: { fileName: "", lineNumber: 50, columnNumber: 25 }, __self: this }, "Result: ", result, " mg O2/kg/hr")))); }