function MainComponent() { const [sidebarOpen, setSidebarOpen] = useState(false); const [selectedMenu, setSelectedMenu] = useState("dashboard"); const [notifications, setNotifications] = useState([]); const [upload, { loading }] = useUpload(); const [files, setFiles] = useState([]); const [uploadedFiles, setUploadedFiles] = useState([]); const [selectedStatus, setSelectedStatus] = useState("all"); const [searchQuery, setSearchQuery] = useState(""); const handleFileUpload = useCallback(async ()=>{ for (const file of files){ const { url, error } = await upload({ file }); if (!error) { setUploadedFiles((prev)=>[ ...prev, { name: file.name, url } ]); setSelectedInvoice({ id: `INV-${Math.floor(Math.random() * 1000)}`, wholesaler: "", cooperativeCode: "", cooperative: "", shipmentDate: "", status: "pending", productCode: "", product: "", packaging: "", capacity: "", notes: "", totalListingQuantity: 0, shippingBoxes: 0, items: "" }); } } setFiles([]); }, [ files, upload ]); const [selectedInvoice, setSelectedInvoice] = useState(null); const renderContent = ()=>{ switch(selectedMenu){ case "verify": return selectedInvoice ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, selectedInvoice.id ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedInvoice(null), className: "mr-4 text-gray-600", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 48, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, "伝票詳細")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, selectedInvoice.id ? /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/9fac8b6a-8587-4025-8bda-4978a04c63b5/-/format/auto/", alt: "伝票のスキャン画像", className: "w-full h-auto rounded-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 23 }, __self: this }) : null), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>e.preventDefault(), className: "space-y-6", __source: { fileName: "", lineNumber: 65, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 70, columnNumber: 25 }, __self: this }, "出報No"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "reportNumber", defaultValue: selectedInvoice.id, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 73, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 81, columnNumber: 25 }, __self: this }, "卸売会社名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "wholesalerName", defaultValue: selectedInvoice.wholesaler, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 84, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 92, columnNumber: 25 }, __self: this }, "農協コード"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cooperativeCode", defaultValue: selectedInvoice.cooperativeCode, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 95, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 103, columnNumber: 25 }, __self: this }, "農協名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cooperativeName", defaultValue: selectedInvoice.cooperative, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 106, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 114, columnNumber: 25 }, __self: this }, "出荷日"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "shipmentDate", defaultValue: selectedInvoice.shipmentDate, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 117, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 124, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 125, columnNumber: 25 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("select", { name: "status", defaultValue: selectedInvoice.status, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 128, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 133, columnNumber: 27 }, __self: this }, "未確認"), /*#__PURE__*/ React.createElement("option", { value: "confirmed", __source: { fileName: "", lineNumber: 134, columnNumber: 27 }, __self: this }, "確認済み"), /*#__PURE__*/ React.createElement("option", { value: "error", __source: { fileName: "", lineNumber: 135, columnNumber: 27 }, __self: this }, "エラー"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 139, columnNumber: 25 }, __self: this }, "品名コード"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "productCode", defaultValue: selectedInvoice.productCode, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 142, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 149, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 150, columnNumber: 25 }, __self: this }, "品名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "productName", defaultValue: selectedInvoice.product, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 153, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 161, columnNumber: 25 }, __self: this }, "荷姿"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "packaging", defaultValue: selectedInvoice.packaging, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 164, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 172, columnNumber: 25 }, __self: this }, "容量"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "capacity", defaultValue: selectedInvoice.capacity, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 175, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 183, columnNumber: 25 }, __self: this }, "備考"), /*#__PURE__*/ React.createElement("textarea", { name: "notes", defaultValue: selectedInvoice.notes, rows: 3, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 186, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 194, columnNumber: 25 }, __self: this }, "上場数量合計"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "totalListingQuantity", defaultValue: selectedInvoice.totalListingQuantity, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 197, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 204, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 205, columnNumber: 25 }, __self: this }, "出荷箱数"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "shippingBoxes", defaultValue: selectedInvoice.shippingBoxes, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 208, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 215, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 216, columnNumber: 25 }, __self: this }, "品目"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "items", defaultValue: selectedInvoice.items, className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 219, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 226, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#0078D4] text-white px-4 py-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 227, columnNumber: 25 }, __self: this }, "保存")))))) : /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 239, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedInvoice(null), className: "mr-4 text-gray-600", __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }, "新規スキャン")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files) { setFiles([ e.target.files[0] ]); } }, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 252, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleFileUpload, disabled: loading || !files.length, className: "bg-[#0078D4] text-white px-4 py-2 rounded disabled:opacity-50", __source: { fileName: "", lineNumber: 262, columnNumber: 19 }, __self: this }, loading ? "アップロード中..." : "スキャン開始")))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 274, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, "データ確認・スキャン")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 280, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 281, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 282, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedInvoice({}), className: "bg-[#0078D4] text-white px-6 py-3 rounded-lg hover:bg-blue-700 flex items-center", __source: { fileName: "", lineNumber: 283, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-qrcode mr-2", __source: { fileName: "", lineNumber: 287, columnNumber: 21 }, __self: this }), "スキャン開始"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 290, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "伝票を検索...", className: "pl-10 pr-4 py-2 border border-gray-300 rounded-lg w-64", __source: { fileName: "", lineNumber: 291, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-3 text-gray-400", __source: { fileName: "", lineNumber: 296, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 299, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "border border-gray-300 rounded-md p-2", value: selectedStatus, onChange: (e)=>setSelectedStatus(e.target.value), __source: { fileName: "", lineNumber: 300, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 305, columnNumber: 21 }, __self: this }, "全て"), /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 306, columnNumber: 21 }, __self: this }, "未確認"), /*#__PURE__*/ React.createElement("option", { value: "confirmed", __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }, "確認済み"), /*#__PURE__*/ React.createElement("option", { value: "error", __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this }, "エラー")), /*#__PURE__*/ React.createElement("button", { className: "bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 flex items-center", __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-export mr-2", __source: { fileName: "", lineNumber: 311, columnNumber: 21 }, __self: this }), "エクスポート"))), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 316, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 319, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 320, columnNumber: 23 }, __self: this }, "出報No"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 323, columnNumber: 23 }, __self: this }, "卸売会社名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 326, columnNumber: 23 }, __self: this }, "農協名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 329, columnNumber: 23 }, __self: this }, "品名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 332, columnNumber: 23 }, __self: this }, "出荷月日"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 335, columnNumber: 23 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 338, columnNumber: 23 }, __self: this }, "操作"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this }, [ { id: "INV-001", wholesaler: "株式会社A商事", cooperative: "B農業協同組合", product: "トマト", shipmentDate: "2024/01/15", status: "confirmed" }, { id: "INV-002", wholesaler: "C物産株式会社", cooperative: "D農業協同組合", product: "キュウリ", shipmentDate: "2024/01/16", status: "pending" }, { id: "INV-003", wholesaler: "E商事株式会社", cooperative: "F農業協同組合", product: "ナス", shipmentDate: "2024/01/17", status: "error" } ].filter((invoice)=>selectedStatus === "all" || invoice.status === selectedStatus).map((invoice)=>/*#__PURE__*/ React.createElement("tr", { key: invoice.id, className: "cursor-pointer hover:bg-gray-50", onClick: ()=>setSelectedInvoice({ id: invoice.id, wholesaler: invoice.wholesaler, cooperativeCode: "12345", cooperative: invoice.cooperative, shipmentDate: invoice.shipmentDate, status: invoice.status, productCode: "P001", product: invoice.product, packaging: "段ボール", capacity: "10kg", notes: "特記事項なし", totalListingQuantity: 100, shippingBoxes: 10, items: "野菜" }), __source: { fileName: "", lineNumber: 376, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 398, columnNumber: 27 }, __self: this }, invoice.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 401, columnNumber: 27 }, __self: this }, invoice.wholesaler), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 404, columnNumber: 27 }, __self: this }, invoice.cooperative), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 407, columnNumber: 27 }, __self: this }, invoice.product), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 410, columnNumber: 27 }, __self: this }, invoice.shipmentDate), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 413, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${invoice.status === "confirmed" ? "bg-green-100 text-green-800" : invoice.status === "error" ? "bg-red-100 text-red-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 414, columnNumber: 29 }, __self: this }, invoice.status === "confirmed" ? "確認済み" : invoice.status === "error" ? "エラー" : "未確認")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-[#0078D4]", __source: { fileName: "", lineNumber: 430, columnNumber: 27 }, __self: this }, "詳細を見る")))))))); case "dashboard": return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 443, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 444, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 445, columnNumber: 15 }, __self: this }, "ダッシュボード")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 449, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 451, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 452, columnNumber: 19 }, __self: this }, "未処理伝票"), /*#__PURE__*/ React.createElement("span", { className: "text-[#0078D4]", __source: { fileName: "", lineNumber: 455, columnNumber: 19 }, __self: this }, "詳細")), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 457, columnNumber: 17 }, __self: this }, "24")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 459, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 460, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 461, columnNumber: 19 }, __self: this }, "エラー件数"), /*#__PURE__*/ React.createElement("span", { className: "text-[#E81123]", __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }, "詳細")), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 466, columnNumber: 17 }, __self: this }, "3")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 468, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 470, columnNumber: 19 }, __self: this }, "処理済件数"), /*#__PURE__*/ React.createElement("span", { className: "text-[#107C10]", __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this }, "詳細")), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 475, columnNumber: 17 }, __self: this }, "156")))); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex font-roboto bg-gray-100", __source: { fileName: "", lineNumber: 486, columnNumber: 5 }, __self: this }, sidebarOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20", onClick: ()=>setSidebarOpen(false), __source: { fileName: "", lineNumber: 488, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-y-0 left-0 z-30 w-64 bg-[#0078D4] transform ${sidebarOpen ? "translate-x-0" : "-translate-x-full"} md:relative md:translate-x-0 transition duration-200 ease-in-out`, __source: { fileName: "", lineNumber: 493, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-16 flex items-center justify-center border-b border-blue-400", __source: { fileName: "", lineNumber: 498, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-xl", __source: { fileName: "", lineNumber: 499, columnNumber: 11 }, __self: this }, "伝票処理システム")), /*#__PURE__*/ React.createElement("nav", { className: "mt-4", __source: { fileName: "", lineNumber: 501, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { onClick: ()=>setSelectedMenu("dashboard"), className: `flex items-center px-6 py-3 text-white hover:bg-blue-600 ${selectedMenu === "dashboard" ? "bg-blue-700" : ""}`, __source: { fileName: "", lineNumber: 502, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar w-6", __source: { fileName: "", lineNumber: 508, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 509, columnNumber: 13 }, __self: this }, "ダッシュボード")), /*#__PURE__*/ React.createElement("a", { onClick: ()=>setSelectedMenu("verify"), className: `flex items-center px-6 py-3 text-white hover:bg-blue-600 ${selectedMenu === "verify" ? "bg-blue-700" : ""}`, __source: { fileName: "", lineNumber: 511, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-qrcode w-6", __source: { fileName: "", lineNumber: 517, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 518, columnNumber: 13 }, __self: this }, "データ確認・スキャン")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 523, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "h-16 bg-white shadow-sm flex items-center justify-between px-6", __source: { fileName: "", lineNumber: 524, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSidebarOpen(!sidebarOpen), className: "md:hidden text-gray-600", __source: { fileName: "", lineNumber: 525, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-xl", __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 532, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "relative", __source: { fileName: "", lineNumber: 533, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-gray-600", __source: { fileName: "", lineNumber: 534, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-[#E81123] text-white text-xs rounded-full w-4 h-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 535, columnNumber: 15 }, __self: this }, "3")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 539, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-2xl text-gray-600", __source: { fileName: "", lineNumber: 540, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700", __source: { fileName: "", lineNumber: 541, columnNumber: 15 }, __self: this }, "ユーザー名")))), /*#__PURE__*/ React.createElement("main", { className: "p-6", __source: { fileName: "", lineNumber: 545, columnNumber: 9 }, __self: this }, renderContent()))); }