function MainComponent({ searchQuery, results, isDarkMode }) { const resultElements = results.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b border-gray-200 dark:border-gray-700 py-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, className: "text-blue-700 dark:text-blue-300 hover:underline", target: "_blank", rel: "noreferrer", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, result.snippet))); return /*#__PURE__*/ React.createElement("div", { className: `font-roboto ${isDarkMode ? 'bg-[#121212] text-[#f5f5f5]' : 'bg-white text-[#121212]'}`, __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "חיפוש מידע על קרבנות החטיפה"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, resultElements))); } function StoryComponent() { const [results, setResults] = React.useState([]); const [isDarkMode, setIsDarkMode] = React.useState(false); React.useEffect(()=>{ const fetchData = async ()=>{ try { const response = await fetch('/integrations/google-search/search?q=https://mobapi.kan.org.il/lobby/kidnapped/?category-id=663212', { method: 'GET' }); const data = await response.json(); setResults(data.items); } catch (error) { setResults([]); } }; fetchData(); }, []); const toggleDarkMode = ()=>{ setIsDarkMode(!isDarkMode); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "darkModeToggle", className: "form-checkbox h-5 w-5 text-gray-600 dark:text-gray-300", checked: isDarkMode, onChange: toggleDarkMode, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "מצב כהה")), /*#__PURE__*/ React.createElement(MainComponent, { searchQuery: "", results: results, isDarkMode: isDarkMode, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this })); }