function MainComponent() { const [data, setData] = React.useState([]); React.useEffect(()=>{ async function fetchData() { const response = await fetch('/integrations/anthropic-claude/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "system", "content": "fetch latest tech blog posts for IT engineers" } ] }) }); const jsonResponse = await response.json(); setData(jsonResponse.choices.map((choice)=>choice.message.content)); } fetchData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f4f7f6] p-5", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#333] font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Tech ブログ for ITエンジニア"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666] mt-2 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "最新のテクノロジーとプログラミングのヒント")), /*#__PURE__*/ React.createElement("main", { className: "mt-10", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, data.length > 0 ? data.map((content, index)=>/*#__PURE__*/ React.createElement("article", { key: index, className: "bg-white shadow-lg rounded-lg p-5", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#333] mb-3 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Article ", index + 1), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] mb-5 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, content), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-indigo-600 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "もっと読む →"))) : /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 40, columnNumber: 16 }, __self: this }, "Loading...")))); }