function MainComponent({ articles, hotTopics, updateNotes }) { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto max-w-[800px] mx-auto p-4 space-y-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "最新の記事"), articles.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-100 p-4 rounded my-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, article.content)))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "ホットトピック"), hotTopics.map((topic, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-yellow-200 p-4 rounded my-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, topic.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, topic.detail)))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "アップデートノート"), updateNotes.map((note, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-blue-200 p-4 rounded my-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, note.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, note.detail))))); } function StoryComponent() { const articles = [ { title: '記事1', content: 'これは記事1の内容です。' }, { title: '記事2', content: 'これは記事2の内容です。' } ]; const hotTopics = [ { title: 'トピック1', detail: 'トピック1の詳細です。' }, { title: 'トピック2', detail: 'トピック2の詳細です。' } ]; const updateNotes = [ { title: 'アップデート1', detail: 'アップデート1の詳細です。' }, { title: 'アップデート2', detail: 'アップデート2の詳細です。' } ]; const featuredImage = "/path/to/featured-image.jpg"; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-cover bg-center h-[400px]", style: { backgroundImage: `url(${featuredImage})` }, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black bg-opacity-50 h-full flex items-center justify-center px-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-4xl font-bold", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "デジタルプロダクトデータベース"))), /*#__PURE__*/ React.createElement(MainComponent, { articles: articles, hotTopics: hotTopics, updateNotes: updateNotes, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this })); }