function MainComponent() { const [response, setResponse] = React.useState(''); const [question, setQuestion] = React.useState(''); const handleQuestionChange = (event)=>{ setQuestion(event.target.value); }; const handleSubmit = ()=>{ if (!question.match(/歯医者/)) { setResponse("申し訳ございませんが、歯医者に関する質問以外はお答えできません。"); return; } const postData = { messages: [ { "role": "user", "content": question } ] }; fetch('/integrations/anthropic-claude/', { method: 'POST', body: JSON.stringify(postData), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()).then((data)=>{ setResponse(data.choices[0].message.content); }).catch((error)=>{ console.error('Error:', error); }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#00B900] p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row bg-white shadow-md rounded-lg p-4 max-w-4xl w-full", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center md:items-start md:w-1/2 mb-8 md:mb-0 p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-5xl mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "💬"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#333] mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "LINE風チャット相談ボット"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "あなたの質問をお待ちしています。")), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 flex flex-col items-center md:items-end p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-5xl mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "👤"), /*#__PURE__*/ React.createElement("textarea", { name: "question", value: question, onChange: handleQuestionChange, className: "w-full p-4 text-sm border border-[#ccc] rounded-lg mb-4", placeholder: "例：予約方法を教えてください…", rows: "4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: "w-full bg-[#00B900] text-white p-3 rounded-lg font-medium hover:bg-[#009900] transition duration-150 ease-in-out", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "送信"))), response && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white p-4 rounded-lg shadow-md max-w-4xl w-full", __source: { fileName: "", lineNumber: 54, columnNumber: 20 }, __self: this }, response)); }