function MainComponent() { const [tweet, setTweet] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [tweets, setTweets] = React.useState([]); const handleInputChange = (event)=>{ setTweet(event.target.value); }; const handleSubmit = async ()=>{ if (!tweet) return; setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: tweet } ], system_prompt: 'Replicate Twitter behavior' }) }); const data = await response.json(); setTweets([ ...tweets, { content: tweet, response: data.choices[0].message.content } ]); } catch (error) { console.error('Failed to get response:', error); } setIsLoading(false); setTweet(''); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-xs mx-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-feather-alt", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./profile.jpg", alt: "プロフィール画像", className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border rounded-full py-2 px-4 w-full", type: "text", placeholder: "いまどうしてる？", name: "tweet", value: tweet, onChange: handleInputChange, __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded-full float-right", onClick: handleSubmit, disabled: isLoading, __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, isLoading ? '送信中...' : 'ツイートする')), /*#__PURE__*/ React.createElement("section", { className: "divide-y-2", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, tweets.map((tweet, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 flex space-x-3", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./profile.jpg", alt: `ユーザープロフィール画像 ${index}`, className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, tweet.content), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, tweet.response)))))); }