← back to Stayclaim

src/components/BreadcrumbArchive.tsx

25 lines

import Link from 'next/link';

/**
 * BreadcrumbArchive — archival trail. e.g. "Beverly Hills › 90210 › 1100 Elden Wy"
 * Monospace-ish Inter, small caps.
 */
export function BreadcrumbArchive({ items }: { items: { label: string; href?: string }[] }) {
  return (
    <nav aria-label="archive trail" className="text-[10px] uppercase tracking-[0.15em] text-ink/50">
      {items.map((item, i) => (
        <span key={i}>
          {item.href ? (
            <Link href={item.href} className="hover:text-ink transition">
              {item.label}
            </Link>
          ) : (
            <span className="text-ink/70">{item.label}</span>
          )}
          {i < items.length - 1 && <span className="mx-2 text-ink/30">›</span>}
        </span>
      ))}
    </nav>
  );
}