import {
  BarChart3Icon,
  BoxesIcon,
  BookOpenIcon,
  ComponentIcon,
  ContactIcon,
  IdCardIcon,
  LayoutDashboardIcon,
  LayoutTemplateIcon,
  type LucideIcon,
  MessageSquareIcon,
  MousePointerClickIcon,
  NavigationIcon,
  PackageIcon,
  SettingsIcon,
  ShieldCheckIcon,
  ShoppingCartIcon,
  PrinterIcon,
  PaletteIcon,
  TextCursorInputIcon,
} from "lucide-react";

export type DsSection = {
  href: string;
  title: string;
  icon: LucideIcon;
  summary: string;
};

export const DS_HOME = { href: "/design-system", title: "Overview", icon: LayoutDashboardIcon };

export const DS_SECTIONS: DsSection[] = [
  { href: "/design-system/foundations", title: "Foundations", icon: PaletteIcon, summary: "Colour, typography, spacing, radius, elevation" },
  { href: "/design-system/actions", title: "Actions", icon: MousePointerClickIcon, summary: "Buttons, toggles, badges" },
  { href: "/design-system/forms", title: "Forms", icon: TextCursorInputIcon, summary: "Inputs, selects, choices, date, OTP, full form" },
  { href: "/design-system/data-display", title: "Data display", icon: BoxesIcon, summary: "Tables, cards, charts, lists, avatars, empty states" },
  { href: "/design-system/navigation", title: "Navigation", icon: NavigationIcon, summary: "Tabs, breadcrumb, pagination, menus, command palette" },
  { href: "/design-system/overlays", title: "Overlays and feedback", icon: MessageSquareIcon, summary: "Modal, dialogs, sheets, popovers, tooltips, toasts, alerts" },
  { href: "/design-system/layout-patterns", title: "Layout and screens", icon: LayoutTemplateIcon, summary: "Side navigation, app shell, dashboard, launcher, detail page, settings page, sign-in" },
  { href: "/design-system/building-blocks", title: "Workflow building blocks", icon: ComponentIcon, summary: "Wizard, review and commit, editable grid, empty states and confirmations" },
  { href: "/design-system/documents", title: "Documents and print", icon: PrinterIcon, summary: "Invoice, quotation, delivery note, receipts, shelf, barcode and dispensing labels" },
  { href: "/design-system/pos", title: "Point of sale", icon: ShoppingCartIcon, summary: "Till, money entry, cart, packs, batches, payments, approval, returns, receipt, shifts" },
  { href: "/design-system/inventory", title: "Inventory", icon: PackageIcon, summary: "Inventory list, batches and expiry, branch stock, transfers, waste, reorder, purchasing" },
  { href: "/design-system/catalog", title: "Catalog and customers", icon: ContactIcon, summary: "Price groups, merges, customer and supplier records, prescriptions, schemes, loyalty" },
  { href: "/design-system/accounts", title: "Accounts and finance", icon: BookOpenIcon, summary: "Balances, ledger and statements, journals, reconciliation, petty cash, assets, tax codes" },
  { href: "/design-system/hr", title: "HR and payroll", icon: IdCardIcon, summary: "Employees, leave, time, pay items, loans, commission, advances, payroll and payslips" },
  { href: "/design-system/reports", title: "Reports", icon: BarChart3Icon, summary: "Report filters, insights, financial overview, executive pack, dashboard panels per role" },
  { href: "/design-system/access", title: "Roles and users", icon: ShieldCheckIcon, summary: "Roles and permissions, users, activity, alerts and access" },
  { href: "/design-system/settings", title: "Settings and integrations", icon: SettingsIcon, summary: "Settings, branches and places, M-Pesa, eTIMS, online shop, consent, B2B" },
];