import {
  Search,
  Sparkles,
  ListMusic,
  ShieldCheck,
  ClipboardList,
  Settings2,
  Gauge,
  type LucideIcon,
} from "lucide-react";
import type { Tab } from "@/lib/nav";

export type NavItem = {
  tab: Tab;
  label: string;
  icon: LucideIcon;
  group: "Library" | "Activity" | "Manage";
};

/**
 * Grouped, because a flat list of seven is a menu and a grouped list of seven
 * is a structure. The order is the order of use: you search, you watch what
 * you asked for, you administer occasionally.
 */
export const NAV: NavItem[] = [
  { tab: "search", label: "Search", icon: Search, group: "Library" },
  { tab: "discover", label: "Discover", icon: Sparkles, group: "Library" },
  { tab: "jobs", label: "Requests", icon: ListMusic, group: "Activity" },
  { tab: "review", label: "Review", icon: ShieldCheck, group: "Activity" },
  { tab: "bulk", label: "Import", icon: ClipboardList, group: "Manage" },
  { tab: "settings", label: "Settings", icon: Settings2, group: "Manage" },
  { tab: "admin", label: "Admin", icon: Gauge, group: "Manage" },
];

/** The five that earn a slot on a phone's bottom bar. */
export const MOBILE: Tab[] = ["search", "discover", "jobs", "review", "settings"];