Breadcrumb Trail

export function Breadcrumbs({ items }) {
  return (
    <nav className="flex items-center gap-1 text-sm text-slate-500">
      {items.map((item, i) => (
        <span key={item.href} className="flex items-center gap-1">
          {i > 0 && <span className="text-slate-300">/</span>}
          <a href={item.href} className="hover:text-slate-900">{item.label}</a>
        </span>
      ))}
    </nav>
  );
}