import type { LucideIcon } from "lucide-react";
import {
  Bell,
  Bot,
  BarChart3,
  Menu,
  MessageSquare,
  PlugZap,
  Radar,
  Settings,
  Sparkles,
} from "lucide-react";

export interface NavItem {
  href: string;
  label: string;
  icon: LucideIcon;
  showBadge?: boolean;
}

export interface NavGroup {
  label: string;
  items: NavItem[];
}

export const NAV_GROUPS: NavGroup[] = [
  {
    label: "核心工作流",
    items: [
      { href: "/matrix", label: "拷貝忍者", icon: Sparkles },
      { href: "/outreach", label: "找 TA", icon: Radar },
      { href: "/engagement", label: "互動經營", icon: MessageSquare },
    ],
  },
  {
    label: "系統",
    items: [
      { href: "/connections", label: "連線設定", icon: PlugZap },
      { href: "/automation", label: "自動化", icon: Bot },
      { href: "/published", label: "成效紀錄", icon: BarChart3 },
      { href: "/notifications", label: "通知", icon: Bell, showBadge: true },
      { href: "/settings", label: "設定", icon: Settings },
    ],
  },
];

export const MOBILE_BOTTOM_NAV: NavItem[] = [
  { href: "/matrix", label: "拷貝", icon: Sparkles },
  { href: "/outreach", label: "找 TA", icon: Radar },
  { href: "/engagement", label: "互動", icon: MessageSquare },
  { href: "/settings", label: "設定", icon: Settings },
  { href: "#menu", label: "更多", icon: Menu },
];