function MainComponent() { const [message, setMessage] = React.useState(""); const [response, setResponse] = React.useState([]); const exercises = { 胸: [ { type: "ベンチプレス", description: "ベンチプレスは、胸の大胸筋を中心に鍛える基本的な筋トレです。バーベルやダンベルを使用して行います。" }, { type: "ダンベルフライ", description: "ダンベルフライは、大胸筋を広範囲に刺激するエクササイズです。ベンチに仰向けになり、ダンベルを両手に持ち、腕を広げて胸を開く動作を行います。" }, { type: "プッシュアップ", description: "プッシュアップ（腕立て伏せ）は、自重を使った基本的な胸のトレーニングです。床に手をついて行います。" } ], 背中: [ { type: "デッドリフト", description: "デッドリフトは、背中全体を鍛えるエクササイズです。" }, { type: "ラットプルダウン", description: "ラットプルダウンは、広背筋を中心に鍛えるトレーニングです。" }, { type: "懸垂", description: "懸垂は、背中の筋肉を使って体を持ち上げるエクササイズです。" } ] }; const handleSubmit = (e)=>{ e.preventDefault(); if (message.trim() === "") return; const selectedExercises = exercises[message] || []; const newResponse = { id: response.length + 1, text: `${message}を選択しました。以下のような筋トレが考えられます。\n${message}の筋トレ：\n` + selectedExercises.map((ex, idx)=>`${idx + 1}. ${ex.type}：${ex.description}`).join("\n") + `\n以下は${selectedExercises[0] ? selectedExercises[0].type : "筋トレ"}のイメージです。`, imageUrl: "/images/sample.jpg", altText: `${selectedExercises[0] ? selectedExercises[0].type : "筋トレ"}のイメージ画像` }; setResponse((prev)=>[ ...prev, newResponse ]); setMessage(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center bg-white", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-green-500 text-white p-4 font-bold text-xl font-sans", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "完全無料の画像生成AIサイト"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center w-full p-4 flex-grow", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[400px] flex-1 bg-gray-100 rounded-md shadow-lg p-4 mb-4 flex flex-col", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "チャット"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2 flex-grow h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "self-start bg-white p-2 rounded-md shadow-sm font-medium", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "chatGPT: 筋トレする部位を教えてください"), response.map((res)=>{ const lines = res.text.split('\n'); return /*#__PURE__*/ React.createElement("div", { key: res.id, className: "self-end bg-green-200 p-2 rounded-md shadow-sm font-medium", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }, lines.map((line, index)=>/*#__PURE__*/ React.createElement("p", { key: index, __source: { fileName: "", lineNumber: 51, columnNumber: 52 }, __self: this }, line))), /*#__PURE__*/ React.createElement("img", { src: res.imageUrl, alt: res.altText, className: "w-full h-[200px] object-cover rounded-md mt-2", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this })); }))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[400px] mt-auto", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex space-x-2", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-grow border rounded-md p-2", type: "text", placeholder: "筋トレ部位を入力", name: "message", value: message, onChange: (e)=>setMessage(e.target.value), __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-500 text-white rounded-md p-2", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "送信"))))); }