shoc-frontend-new/src/config/menu.ts

import type { LucideIcon } from "lucide-react";
import {
  // BarChart2,
  BriefcaseBusiness,
  Building2,
  ClipboardList,
  FileText,
  LayoutDashboard,
} from "lucide-react";

export type NavItemDef = {
  label: string;
  icon: LucideIcon;
  path: string;
  badge?: number;
};

export type NavGroup = {
  title: string;
  items: NavItemDef[];
};

export const SIDEBAR_WIDTH = 244;

export const SIDEBAR_COLLAPSED_WIDTH = 76;

export function getSidebarWidth(collapsed: boolean): number {
  return collapsed ? SIDEBAR_COLLAPSED_WIDTH : SIDEBAR_WIDTH;
}

export const navGroups: NavGroup[] = [
  {
    title: "",
    items: [
      { label: "Work Orders", icon: ClipboardList, path: "/workorders", badge: 11 },
      { label: "Dashboard", icon: LayoutDashboard, path: "/" },
      // { label: "Reports", icon: BarChart2, path: "/reports" },
    ],
  },
  {
    title: "VENDORS",
    items: [
      { label: "Vendors", icon: Building2, path: "/vendors" },
      { label: "Vendor POs", icon: FileText, path: "/vendor-pos" },
    ],
  },
  {
    title: "CUSTOMERS & SITES",
    items: [{ label: "Accounts", icon: BriefcaseBusiness, path: "/accounts" }],
  },
  // {
  //   title: "INTERNAL",
  //   items: [{ label: "Documents", icon: FileText, path: "/documents" }],
  // },
];