function MainComponent() { const [equation, setEquation] = React.useState(''); const [result, setResult] = React.useState(null); const [loading, setLoading] = React.useState(false); const handleInputChange = (e)=>{ setEquation(e.target.value); }; const solveEquation = async ()=>{ setLoading(true); setResult(null); try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(equation)}`, { method: 'GET' }); const data = await response.json(); if (data.items) { setResult(data.items[0]); } else { setResult({ title: "No solution found" }); } } catch (error) { setResult({ title: 'Error in fetching solution' }); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "equation", className: "block mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Enter Math Equation"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "equation", value: equation, onChange: handleInputChange, placeholder: "e.g., 3*(4+2)", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", onClick: solveEquation, disabled: loading, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, loading ? 'Searching...' : 'Solve'), result && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-2 bg-gray-200 rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, result.link ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noreferrer", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, result.snippet)) : /*#__PURE__*/ React.createElement("span", { className: "text-[#121212]", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, result.title)))); }