function MainComponent() { const announcements = [ "お知らせ1", "お知らせ2", "お知らせ3" ]; const events = [ "イベント1", "イベント2", "イベント3" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1E90FF] text-white p-4 text-center font-bold text-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "自治会トップページ"), /*#__PURE__*/ React.createElement("main", { className: "mt-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "最新のお知らせ"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 font-noto-sans", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, announcements.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-4 border-b", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, item)))), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded-lg shadow-md mt-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "イベント情報"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 font-noto-sans", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, events.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-4 border-b", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, item))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-200 text-center p-4 mt-6", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "© 2023 自治会"))); }