import Link from "next/link";

export default function ReaderCrumbs({ items }) {
  return (
    <nav className="crumbs" aria-label="Breadcrumb">
      <ol>
        {items.map((item, i) => (
          <li key={item.label}>
            {i > 0 ? (
              <span className="crumbs-sep" aria-hidden="true">
                /
              </span>
            ) : null}
            {item.current || !item.href ? (
              <span aria-current="page">{item.label}</span>
            ) : (
              <Link href={item.href}>{item.label}</Link>
            )}
          </li>
        ))}
      </ol>
    </nav>
  );
}