25 lines
552 B
TypeScript
25 lines
552 B
TypeScript
import Link from "next/link";
|
|
|
|
type BreadcrumbItem = {
|
|
name: string;
|
|
path: string;
|
|
};
|
|
|
|
export function Breadcrumbs({ items }: { items: BreadcrumbItem[] }) {
|
|
return (
|
|
<nav aria-label="Breadcrumb">
|
|
<ol className="breadcrumbs">
|
|
{items.map((item, index) => {
|
|
const isLast = index === items.length - 1;
|
|
|
|
return (
|
|
<li key={item.path}>
|
|
{isLast ? <span>{item.name}</span> : <Link href={item.path}>{item.name}</Link>}
|
|
</li>
|
|
);
|
|
})}
|
|
</ol>
|
|
</nav>
|
|
);
|
|
}
|