function MainComponent() { const [searchResults, setSearchResults] = React.useState([]); const [chatMessages, setChatMessages] = React.useState([]); const [query, setQuery] = React.useState(''); const [chatInput, setChatInput] = React.useState(''); const handleSearch = async (e)=>{ e.preventDefault(); const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}`, { method: 'GET' }); const data = await response.json(); setSearchResults(data.items); }; const handleChat = async ()=>{ setChatMessages((prev)=>[ ...prev, { role: 'user', content: chatInput } ]); const response = await fetch('/integrations/groq/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ ...chatMessages, { role: 'user', content: chatInput } ] }) }); const data = await response.json(); const assistantMessage = data.choices[0].message.content; setChatMessages((prev)=>[ ...prev, { role: 'assistant', content: assistantMessage } ]); setChatInput(''); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 font-roboto flex flex-col items-center space-y-6", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Search Engine Chatbot"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[600px] flex space-x-4", onSubmit: handleSearch, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "query", className: "flex-grow p-2 border border-gray-300 rounded", placeholder: "Enter search query", value: query, onChange: (e)=>setQuery(e.target.value), __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Search")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px]", id: "search-results", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, searchResults.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 border-b border-gray-300", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-blue-600 font-bold", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, item.snippet)))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] p-4 bg-gray-100 rounded mt-6", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "chat-box h-[400px] overflow-y-scroll", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { id: "chat-messages", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, chatMessages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-2 my-2 ${msg.role === 'user' ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-block p-2 rounded ${msg.role === 'user' ? 'bg-blue-200' : 'bg-gray-200'}`, __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, msg.content)))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "chat-input", className: "flex-grow p-2 border border-gray-300 rounded", placeholder: "Ask something...", value: chatInput, onChange: (e)=>setChatInput(e.target.value), __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white p-2 rounded", onClick: handleChat, __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Send"))))); }