spb/ai-atlas

1'use client';2import { usePathname, useRouter } from 'next/navigation';34/** Mobile section switcher for the admin shell (< lg): a native select that navigates. */5export function AdminNavSelect({ items }: { items: { href: string; label: string }[] }) {6  const router = useRouter();7  const pathname = usePathname();8  const current = items.find((i) => pathname === i.href || pathname.startsWith(i.href + '/'))?.href ?? items[0]?.href ?? '';9  return (10    <label className="block lg:hidden">11      <span className="sr-only">Admin section</span>12      <select value={current} onChange={(e) => router.push(e.target.value)} className="h-11 w-full border border-rule bg-surface px-2.5 text-sm text-ink focus:border-accent focus:outline-none">13        {items.map((i) => (14          <option key={i.href} value={i.href}>15            {i.label}16          </option>17        ))}18      </select>19    </label>20  );21}22