function MainComponent() { const [message, setMessage] = React.useState(''); const [result, setResult] = React.useState(''); const [loading, setLoading] = React.useState(false); const [searchResults, setSearchResults] = React.useState([]); const handleSubmit = (e)=>{ e.preventDefault(); setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: message } ] }) }).then((response)=>response.json()).then((data)=>{ setResult(data.choices[0].message.content); setLoading(false); }); fetch('/integrations/google-search/search?q=時計', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ setSearchResults(data.items); }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "ChatGPT & Google Search Integration"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center border-b border-teal-500 py-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "userMessage", type: "text", placeholder: "Type your message...", value: message, onChange: (e)=>setMessage(e.target.value), className: "appearance-none bg-transparent border-none w-full text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "flex-shrink-0 bg-teal-500 hover:bg-teal-700 border-teal-500 hover:border-teal-700 text-sm border-4 text-white py-1 px-2 rounded", type: "submit", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, loading ? 'Sending...' : 'Send'))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, result || 'Result will appear here')), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Google Search Results"), searchResults.length > 0 ? /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, searchResults.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, item.snippet)))) : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "No search results")))); }