import { NavLink } from "react-router-dom";

const navItems = [
  { label: "Operations Home", to: "/" },
  { label: "Data Explorer", to: "/explorer" },
  { label: "Analytics Studio", to: "/analytics" },
  { label: "Action Center", to: "/actions" },
];

export function AdminNavigation() {
  return (
    <nav className="flex flex-col gap-2">
      {navItems.map((item) => (
        <NavLink
          className={({ isActive }) =>
            [
              "rounded-2xl px-3 py-2 text-sm font-medium",
              isActive ? "bg-foreground text-background" : "text-foreground/75 hover:bg-black/5",
            ].join(" ")
          }
          end={item.to === "/"}
          key={item.to}
          to={item.to}
        >
          {item.label}
        </NavLink>
      ))}
    </nav>
  );
}
