function MainComponent() { const [searchResults, setSearchResults] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); React.useEffect(()=>{ async function fetchAIWebsites() { setIsLoading(true); try { const response = await fetch('/integrations/google-search/search?q=AI+website'); if (!response.ok) { throw new Error('Network response was not ok'); } const data = await response.json(); setSearchResults(data.items); } catch (error) { console.error("Failed to fetch AI websites: ", error); } finally{ setIsLoading(false); } } fetchAIWebsites(); }, []); const searchResultList = searchResults.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noopener noreferrer", className: "text-lg text-blue-600 hover:underline font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, result.snippet))); return /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto my-10", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-center font-bold", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "AI Websites Directory"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 mt-2", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Discover and access a curated list of AI-related websites.")), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center mt-10 text-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-pulse", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden shadow-md rounded-md", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, searchResultList)); }