25 lines
622 B
React
25 lines
622 B
React
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>
|
|
);
|
|
}
|