Breadcrumb

export function Breadcrumb() {
  const items = ['Home', 'Components', 'Breadcrumb']
  return (
    <nav className="flex items-center gap-2 text-sm text-white/60">
      {items.map((it, i) => (
        <span key={it} className="flex items-center gap-2">
          {i > 0 && <span className="opacity-40">/</span>}
          <a href="#" className={i === items.length - 1 ? 'font-semibold text-white' : 'hover:text-white'}>{it}</a>
        </span>
      ))}
    </nav>
  )
}