function MainComponent() { const [currentProblem, setCurrentProblem] = React.useState(''); const [solution, setSolution] = React.useState(''); const [loading, setLoading] = React.useState(false); const solveProblem = async (event)=>{ event.preventDefault(); setLoading(true); const encodedProblem = encodeURIComponent(`solve the mathematical problem: ${currentProblem}`); try { const response = await fetch(`/api/math-solver?problem=${encodedProblem}`, { method: 'GET' }); const data = await response.json(); setLoading(false); if (data.solution) { setSolution(data.solution); } else { throw new Error('No solution found'); } } catch (error) { setLoading(false); setSolution('Could not find a solution to the problem'); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f7f7f7] p-4 space-y-6", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto bg-white shadow-md rounded-xl p-8", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-center text-[#121212] mb-8", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Math Problem Solver"), /*#__PURE__*/ React.createElement("form", { onSubmit: solveProblem, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "problem", value: currentProblem, onChange: (e)=>setCurrentProblem(e.target.value), className: "w-full p-4 border border-[#ddd] rounded-lg font-roboto", placeholder: "Type your math problem here", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full sm:w-auto px-8 py-3 bg-[#007bff] text-white font-roboto rounded-lg disabled:bg-[#5b9bd5]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, loading ? "Solving..." : "Solve"))), solution && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-[#fafafa] rounded-lg font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-3", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Solution"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, solution)))); }