function MainComponent() { const latestThreads = [ { title: "スレッドタイトル1", description: "説明文1" }, { title: "スレッドタイトル2", description: "説明文2" }, { title: "スレッドタイトル3", description: "説明文3" } ]; const popularThreads = [ { title: "スレッドタイトル1", description: "説明文1" }, { title: "スレッドタイトル2", description: "説明文2" }, { title: "スレッドタイトル3", description: "説明文3" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] min-h-screen p-4 font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ff6600] text-white text-center py-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "5chまとめサイト")), /*#__PURE__*/ React.createElement("main", { className: "mt-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "最新スレッド"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, latestThreads.map((thread, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-white my-2 p-4 shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1e90ff]", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, thread.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, thread.description))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "人気スレッド"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, popularThreads.map((thread, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-white my-2 p-4 shadow-md", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1e90ff]", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, thread.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, thread.description))))))); }