function MainComponent() { const reminders = [ "子供の行事1", "子供の行事2", "子供の行事3" ]; const articles = [ "記事1", "記事2", "記事3" ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f4f0] min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#edede9] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-crimson-text text-[#8a8a8a]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-[#8a8a8a]", __source: { fileName: "", lineNumber: 8, columnNumber: 67 }, __self: this }), " Siraseru"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#8a8a8a] mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "今日のリマインダー"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, reminders.map((reminder, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-[#fff] text-[#8a8a8a] p-2 mb-2 rounded-lg shadow", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, reminder)))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#8a8a8a] mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "子供の成長情報"), /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-[#fff] p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-crimson-text text-[#8a8a8a] mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "身長のグラフ"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[200px] bg-[#fceaea]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff] p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-crimson-text text-[#8a8a8a] mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "体重のグラフ"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[200px] bg-[#e9f7fc]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mt-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-child text-xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-child text-xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-child text-xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#8a8a8a] mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "おすすめ記事や育児情報"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, articles.map((article, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-[#fff] text-[#8a8a8a] p-2 mb-2 rounded-lg shadow", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, article))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#edede9] p-4 flex justify-around", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-heartbeat text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-2xl text-[#8a8a8a]", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }))); }