function MainComponent() { const [activeTab, setActiveTab] = useState("inventory"); const [showAlert, setShowAlert] = useState(false); const [points, setPoints] = useState(1000); const [dailySales, setDailySales] = useState(125800); const [cashSales, setCashSales] = useState(58300); const [cardSales, setCardSales] = useState(67500); const inventoryData = [ { id: 1, name: "島原そうめん", stock: 50, threshold: 10, price: 380 }, { id: 2, name: "諫早みかん", stock: 15, threshold: 20, price: 500 }, { id: 3, name: "長崎県産レタス", stock: 5, threshold: 15, price: 198 }, { id: 4, name: "島原手延べうどん", stock: 30, threshold: 12, price: 420 }, { id: 5, name: "諫早産新鮮卵", stock: 25, threshold: 18, price: 280 } ]; const notifications = [ { id: 1, title: "営業時間変更のお知らせ", content: "7月1日より、朝7時開店となります" }, { id: 2, title: "地元野菜市開催", content: "今週末、諫早産新鮮野菜の特別販売を実施します" }, { id: 3, title: "ポイント2倍キャンペーン", content: "6月中は全商品ポイント2倍です！" } ]; const staffData = [ { id: 1, name: "山田花子", status: "出勤中" }, { id: 2, name: "佐藤健一", status: "欠勤" }, { id: 3, name: "鈴木美咲", status: "休日" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#4CAF50] text-white p-4 sticky top-0 z-50 shadow-md", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "諫早フレッシュマーケット")), /*#__PURE__*/ React.createElement("main", { className: "p-4 pb-20", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, activeTab === "inventory" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto max-h-[calc(100vh-200px)] overflow-y-auto", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full text-base", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "sticky top-0 bg-gray-100", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 51, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-base font-bold", __source: { fileName: "", lineNumber: 52, columnNumber: 23 }, __self: this }, "商品ID"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-base font-bold", __source: { fileName: "", lineNumber: 53, columnNumber: 23 }, __self: this }, "商品名"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-base font-bold", __source: { fileName: "", lineNumber: 54, columnNumber: 23 }, __self: this }, "在庫数"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-base font-bold", __source: { fileName: "", lineNumber: 55, columnNumber: 23 }, __self: this }, "アラート閾値"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-base font-bold", __source: { fileName: "", lineNumber: 58, columnNumber: 23 }, __self: this }, "状態"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 61, columnNumber: 19 }, __self: this }, inventoryData.map((item)=>/*#__PURE__*/ React.createElement("tr", { key: item.id, className: "border-b", __source: { fileName: "", lineNumber: 63, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-base", __source: { fileName: "", lineNumber: 64, columnNumber: 25 }, __self: this }, item.id), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-base", __source: { fileName: "", lineNumber: 65, columnNumber: 25 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-base", __source: { fileName: "", lineNumber: 66, columnNumber: 25 }, __self: this }, item.stock), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-base", __source: { fileName: "", lineNumber: 67, columnNumber: 25 }, __self: this }, item.threshold), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-base", __source: { fileName: "", lineNumber: 70, columnNumber: 25 }, __self: this }, item.stock <= item.threshold && /*#__PURE__*/ React.createElement("span", { className: "text-red-600 font-medium", __source: { fileName: "", lineNumber: 72, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 73, columnNumber: 31 }, __self: this }), "要補充"))))))))), activeTab === "pos" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4 overflow-y-auto max-h-[calc(100vh-200px)]", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-gray-50 p-4", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, "売上集計"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-2", __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-3 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 94, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 95, columnNumber: 23 }, __self: this }, "本日の売上"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 96, columnNumber: 23 }, __self: this }, "¥125,800")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-3 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 98, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 99, columnNumber: 23 }, __self: this }, "現金"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 100, columnNumber: 23 }, __self: this }, "¥58,300")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-3 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 102, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 103, columnNumber: 23 }, __self: this }, "カード"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 104, columnNumber: 23 }, __self: this }, "¥67,500"))), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#4CAF50] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 108, columnNumber: 21 }, __self: this }), "レポート出力")), /*#__PURE__*/ React.createElement("div", { className: "border rounded p-4", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-3", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "レジ締め処理"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cash-register mr-2", __source: { fileName: "", lineNumber: 115, columnNumber: 23 }, __self: this }), "レジ締め開始"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gray-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 118, columnNumber: 23 }, __self: this }), "過去の記録確認")))))), activeTab === "staff" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4 overflow-y-auto max-h-[calc(100vh-200px)]", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border rounded p-4", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-3", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, "シフト管理"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 134, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 135, columnNumber: 23 }, __self: this }, "山田花子"), /*#__PURE__*/ React.createElement("span", { className: "text-green-500", __source: { fileName: "", lineNumber: 136, columnNumber: 23 }, __self: this }, "出勤中")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 138, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 139, columnNumber: 23 }, __self: this }, "佐藤健一"), /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 140, columnNumber: 23 }, __self: this }, "欠勤")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 143, columnNumber: 23 }, __self: this }, "鈴木美咲"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 144, columnNumber: 23 }, __self: this }, "休日"))), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 147, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 148, columnNumber: 21 }, __self: this }), "シフト表作成")), /*#__PURE__*/ React.createElement("div", { className: "border rounded p-4", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-3", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, "緊急連絡"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-red-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 154, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell mr-2", __source: { fileName: "", lineNumber: 155, columnNumber: 23 }, __self: this }), "代替スタッフ要請"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 157, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 158, columnNumber: 23 }, __self: this }), "一斉連絡")))))), activeTab === "customer" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4 overflow-y-auto max-h-[calc(100vh-200px)]", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }, "本日のおすすめ"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, inventoryData.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.id, className: "bg-white p-3 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `/images/${item.name === "島原そうめん" ? "shimabara-soumen.jpg" : item.name === "諫早みかん" ? "isahaya-mikan.jpg" : item.name === "長崎県産レタス" ? "nagasaki-lettuce.jpg" : item.name === "島原手延べうどん" ? "shimabara-udon.jpg" : "isahaya-eggs.jpg"}`, alt: `新鮮な${item.name}の商品写真`, className: "w-full h-32 object-cover rounded-lg mb-2", __source: { fileName: "", lineNumber: 178, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-[#2E7D32] text-sm", __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold mt-1", __source: { fileName: "", lineNumber: 196, columnNumber: 23 }, __self: this }, "¥", item.price), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 197, columnNumber: 23 }, __self: this }, item.stock > 0 ? "在庫あり" : "在庫切れ"), item.stock <= 5 && item.stock > 0 && /*#__PURE__*/ React.createElement("p", { className: "text-orange-500 text-xs mt-1", __source: { fileName: "", lineNumber: 201, columnNumber: 25 }, __self: this }, "残りわずか"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, "ポイント情報"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#E8F5E9] p-4 rounded border-l-4 border-[#4CAF50]", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this }, "現在のポイント: ", points, "pt"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, "※ポイントは商品購入時に使用できます"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, "お知らせ"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, notifications.map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: "border-l-4 border-blue-500 pl-4", __source: { fileName: "", lineNumber: 222, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 226, columnNumber: 23 }, __self: this }, notification.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 227, columnNumber: 23 }, __self: this }, notification.content)))))))), /*#__PURE__*/ React.createElement("nav", { className: "fixed bottom-0 left-0 right-0 bg-white border-t", __source: { fileName: "", lineNumber: 237, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-1 p-2", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("inventory"), className: `flex flex-col items-center justify-center p-2 ${activeTab === "inventory" ? "text-[#4CAF50]" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-box text-lg", __source: { fileName: "", lineNumber: 245, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 246, columnNumber: 13 }, __self: this }, "在庫")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("pos"), className: `flex flex-col items-center justify-center p-2 ${activeTab === "pos" ? "text-[#4CAF50]" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 248, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cash-register text-lg", __source: { fileName: "", lineNumber: 254, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 255, columnNumber: 13 }, __self: this }, "レジ")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("staff"), className: `flex flex-col items-center justify-center p-2 ${activeTab === "staff" ? "text-[#4CAF50]" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 257, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-lg", __source: { fileName: "", lineNumber: 263, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }, "スタッフ")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("customer"), className: `flex flex-col items-center justify-center p-2 ${activeTab === "customer" ? "text-[#4CAF50]" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 266, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-store text-lg", __source: { fileName: "", lineNumber: 272, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, "店舗"))))); }

商品ID	商品名	在庫数	アラート閾値	状態
1	島原そうめん	50	10
2	諫早みかん	15	20	要補充
3	長崎県産レタス	5	15	要補充
4	島原手延べうどん	30	12
5	諫早産新鮮卵	25	18