import { DASHBOARD_PATH } from "@/lib/deployment";
import type { ComponentType } from "react";
import { ArrowLeftRight, BarChart3, FileBarChart, Flag, Home, Landmark, Lightbulb, Settings, Target, TrendingUp, Wallet } from "lucide-react";

export const PAGES: { label: string; to: string; keys: string; icon: ComponentType<{ className?: string }> }[] = [
  { label: "Home", to: DASHBOARD_PATH, keys: "g h", icon: Home },
  { label: "Transactions", to: "/transactions", keys: "g t", icon: ArrowLeftRight },
  { label: "Analytics", to: "/analytics", keys: "g a", icon: BarChart3 },
  { label: "Reports", to: "/reports", keys: "g r", icon: FileBarChart },
  { label: "Budgets", to: "/budgets", keys: "g b", icon: Target },
  { label: "Investments", to: "/investments", keys: "g i", icon: TrendingUp },
  { label: "Accounts", to: "/accounts", keys: "g c", icon: Landmark },
  { label: "Assets", to: "/assets", keys: "g e", icon: Wallet },
  { label: "Financial planning", to: "/planning", keys: "g p", icon: Lightbulb },
  { label: "Goals", to: "/goals", keys: "g g", icon: Flag },
  { label: "Settings", to: "/settings", keys: "g s", icon: Settings },
];

/** Other components open the palette by dispatching this (e.g. the top-bar button). */
export const OPEN_PALETTE_EVENT = "open-command-palette";