function RobotoPrivacyText({ children }) { return /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-white text-[14px]", __source: { fileName: "", lineNumber: 2, columnNumber: 11 }, __self: this }, children); } function RobotoPrivacyTextStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RobotoPrivacyText, { __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "PRIVACY")); } function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(''); const [searchResults, setSearchResults] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const handleSearch = async ()=>{ if (!searchQuery.trim()) { return; } setIsLoading(true); try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`, { method: 'GET' }); const data = await response.json(); setSearchResults(data.items); } catch (error) { console.error(error); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2c3e50] w-full min-h-screen pt-12 flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full fixed top-0 p-4 bg-[#34495e] flex items-center justify-between", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-windows text-white text-[20px]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-white text-[14px]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Browser")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Google Search", className: "w-[200px] h-[20px] rounded text-[14px] p-1 font-roboto", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), onKeyDown: (e)=>{ if (e.key === 'Enter') handleSearch(); }, __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#3498db] text-white rounded px-2 py-1 text-[14px] font-roboto", onClick: handleSearch, __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full max-w-4xl mt-16 space-y-4 px-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Loading...") : searchResults.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.link, className: "bg-white shadow rounded p-4", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-roboto text-[#3498db]", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#2c3e50]", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, item.snippet))), /*#__PURE__*/ React.createElement(RobotoPrivacyText, { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "PRIVACY")))); }