import Link from "next/link";
import type { NavItem } from "@/lib/nav-items";

interface SidebarProps {
  items: readonly NavItem[];
}

export default function Sidebar({ items }: SidebarProps) {
  return (
    <aside className="flex w-56 flex-col gap-1 border-r border-gray-200 bg-gray-50 px-3 py-6 dark:border-gray-800 dark:bg-gray-900">
      <nav className="flex flex-col gap-1">
        {items.map((item) => (
          <Link
            key={item.href}
            href={item.href}
            className="rounded px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-800"
          >
            {item.label}
          </Link>
        ))}
      </nav>
    </aside>
  );
}