function PurchasedItemsModule({ title, count, iconClass }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-[#1E4D2B] font-semibold", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, count)), /*#__PURE__*/ React.createElement("i", { className: `${iconClass} text-[#1E4D2B] text-4xl`, __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }))); } function PurchasedItemsModuleStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PurchasedItemsModule, { title: "Total Purchased Items", count: "1,045", iconClass: "fas fa-shopping-cart", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const modules = [ { title: "Active Employees", count: "120", iconClass: "fas fa-users" }, { title: "Total Purchased Items", count: "1,045", iconClass: "fas fa-shopping-cart" }, { title: "Total Discounts Given", count: "205", iconClass: "fas fa-tags" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F4F7F6]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5 bg-[#1E4D2B] text-white flex justify-between items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Employee Discounts - Admin Dashboard")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-4 p-5", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, modules.map((module)=>/*#__PURE__*/ React.createElement(PurchasedItemsModule, { key: module.title, title: module.title, count: module.count, iconClass: module.iconClass, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-5 text-[#1E4D2B]", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "System Overview"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto mb-3", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Products"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Product A - $50"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Product B - $75"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Product C - $20"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto mb-3", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Employees"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Employee 1"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Employee 2"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "Employee 3"))), /*#__PURE__*/ React.createElement("div", { className: "col-span-2 bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto mb-3", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Settings"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Configure your discount management system settings here."))))); }