function MainComponent() { const [formData, setFormData] = React.useState({ prefecture: '', spot: '', transport: '', startPoint: '', budget: '', duration: '' }); const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState(''); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async ()=>{ setLoading(true); try { const prompt = `以下の情報を元に旅行計画書を作成してください：県庁所在地：${formData.prefecture} スポット名：${formData.spot} 移動する際の乗り物：${formData.transport} 出発地点：${formData.startPoint} 予算：${formData.budget}円滞在期間：${formData.duration}`; const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: prompt } ] }) }); const data = await response.json(); setResult(data.choices[0].message.content); } catch (error) { setResult('エラーが発生しました。もう一度お試しください。'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center bg-gray-100 p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, "旅行計画書"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded shadow-md w-full max-w-xl space-y-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "prefecture", placeholder: "県庁所在地", value: formData.prefecture, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "spot", placeholder: "スポット名", value: formData.spot, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "transport", placeholder: "移動する際の乗り物", value: formData.transport, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "startPoint", placeholder: "出発地点", value: formData.startPoint, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "budget", placeholder: "予算", value: formData.budget, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "duration", placeholder: "何泊何日", value: formData.duration, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: "w-full bg-blue-500 text-white p-2 rounded font-bold hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, loading ? '送信中...' : '送信')), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded shadow-md w-full max-w-xl mt-6", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-light text-gray-600", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "旅行計画書作成結果:"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-gray-800 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, result))); }