function MainComponent() { const [loading, setLoading] = React.useState(false); const [news, setNews] = React.useState([]); const [searchQuery, setSearchQuery] = React.useState(""); const fetchNews = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: searchQuery } ], system_prompt: 'ニュースの検索結果を提供してください。' }) }); const data = await response.json(); setNews(data.choices[0].message.content.split('\n')); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-600 p-4 text-white text-center font-bold text-lg font-san", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "ニュースのホームページ"), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-6", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300 rounded-l w-[300px]", type: "text", placeholder: "検索...", name: "search", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white p-2 rounded-r", onClick: fetchNews, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("p", { className: "font-san", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "読み込み中...") : news.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-base text-gray-700 font-san", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, article)))))); }