function MainComponent() { const [keyword, setKeyword] = React.useState(''); const [details, setDetails] = React.useState(''); const [diaryEntry, setDiaryEntry] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleGenerateDiary = 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: `キーワード: ${keyword}, 詳細: ${details}` } ], system_prompt: 'Provide a personalized diary entry based on the given keywords and details in Japanese.' }) }); const data = await response.json(); const content = data.choices[0]?.message?.content || '日記の生成に失敗しました'; setDiaryEntry(content); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full p-4 bg-gray-100", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-crimson-text text-center mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "AI Diary - あなたの個人的なAI搭載日記"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text block mb-1", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "キーワード"), /*#__PURE__*/ React.createElement("input", { name: "keyword", value: keyword, onChange: (e)=>setKeyword(e.target.value), className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text block mb-1", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "詳細"), /*#__PURE__*/ React.createElement("textarea", { name: "details", value: details, onChange: (e)=>setDetails(e.target.value), className: "w-full p-2 border border-gray-300 rounded h-[150px]", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleGenerateDiary, className: "w-full py-2 bg-blue-500 text-white font-bold rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, loading ? '生成中...' : '日記を生成する'), diaryEntry && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-white border border-gray-300 rounded shadow", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 font-crimson-text", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "生成された日記"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, diaryEntry))); }