function MainComponent() { const [page, setPage] = React.useState('list'); const articles = [ { title: "おすすめの朝食", author: "山田太郎", content: "朝食でおすすめなのは目玉焼き！" }, { title: "おすすめの夕食", author: "鈴木花子", content: "夕食でおすすめなのはシチュー！" } ]; const [selectedArticle, setSelectedArticle] = React.useState({}); if (page === 'list') { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, articles.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 rounded-lg flex justify-between items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, article.author)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setPage('detail'); setSelectedArticle(article); }, className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "詳細へ")))); } else { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('list'), className: "mt-4 ml-4 bg-red-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "戻る"), /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, selectedArticle.title), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "作成者: ", selectedArticle.author), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, selectedArticle.content))); } }