function MainComponent() { const [searchResults, setSearchResults] = React.useState([]); const [loading, setLoading] = React.useState(true); const fetchData = async ()=>{ try { const response = await fetch('/integrations/google-search/search?q=banned+research+chemicals+pro+drugs+in+Germany'); const data = await response.json(); setSearchResults(data.items || []); } catch (error) { setSearchResults([]); } finally{ setLoading(false); } }; React.useEffect(()=>{ fetchData(); }, []); const searchSummary = searchResults.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, searchResults.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.link, className: "border p-4 rounded-lg hover:shadow-lg transition-shadow", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-blue-600 hover:underline text-lg font-semibold", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, item.displayLink), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, item.snippet)))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, "No results found."); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 mt-2 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "List of Banned Research Chemicals (Pro Drugs) in Germany"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Summarized from the WWW"), loading ? /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 37, columnNumber: 18 }, __self: this }, "Loading...") : searchSummary); }