function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffb0bc] font-yu-gothic text-[#121212] min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ffb0bc] p-4 flex justify-between items-center sticky top-0 z-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "logo.png", alt: "shomaカフェのロゴ", className: "h-8 mr-2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "shomaカフェダッシュボード")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-[#ffb0bc] px-4 py-2 rounded-full shadow-md", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "ログアウト"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow pt-8 pb-16 px-4 md:px-8 lg:px-16 xl:px-24 2xl:px-32", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-full md:w-1/4 lg:w-1/5 xl:w-1/6 bg-white rounded-lg shadow-md p-4 mb-4 md:mb-0 md:mr-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffb0bc] hover:underline", __source: { fileName: "", lineNumber: 20, columnNumber: 38 }, __self: this }, "売上サマリー")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffb0bc] hover:underline", __source: { fileName: "", lineNumber: 21, columnNumber: 38 }, __self: this }, "顧客サマリー")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffb0bc] hover:underline", __source: { fileName: "", lineNumber: 22, columnNumber: 38 }, __self: this }, "在庫サマリー")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffb0bc] hover:underline", __source: { fileName: "", lineNumber: 23, columnNumber: 21 }, __self: this }, "新着情報"))))), /*#__PURE__*/ React.createElement("section", { className: "w-full md:w-3/4 lg:w-4/5 xl:w-5/6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffe0e5] rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-10 h-10 rounded-full flex items-center justify-center mr-3", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-pie text-[#ffb0bc] text-xl", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "売上サマリー")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, "¥1,000,000"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "売上高")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "500"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "客数")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "¥2,000"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "客単価")), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-[#ffb0bc] px-4 py-2 rounded-full shadow-md mt-4", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "詳細を見る")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffd1d8] rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-10 h-10 rounded-full flex items-center justify-center mr-3", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#ffb0bc] text-xl", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "顧客サマリー")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "1,000"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "会員数")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, "100"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "新規会員数")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, "10"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "退会会員数")), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-[#ffb0bc] px-4 py-2 rounded-full shadow-md mt-4", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "詳細を見る")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffc2cb] rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-10 h-10 rounded-full flex items-center justify-center mr-3", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-warehouse text-[#ffb0bc] text-xl", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "在庫サマリー")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, "¥5,000,000"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "在庫金額")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "2.5"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "在庫回転率")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, "5%"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, "欠品率")), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-[#ffb0bc] px-4 py-2 rounded-full shadow-md mt-4", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "詳細を見る")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffb3be] rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-10 h-10 rounded-full flex items-center justify-center mr-3", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-[#ffb0bc] text-xl", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "新着情報")), /*#__PURE__*/ React.createElement("ul", { className: "mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "新商品「抹茶ラテ」発売開始！"), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "春のキャンペーン開催中"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, "4月の営業時間変更のお知らせ")), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-[#ffb0bc] px-4 py-2 rounded-full shadow-md mt-4", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "詳細を見る"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#ffb0bc] p-4 text-center", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "© 2023 shomaカフェ. All rights reserved."))); }