29 lines
680 B
TypeScript
29 lines
680 B
TypeScript
import Link from "next/link";
|
|
import HomeIcon from "../icons/HomeIcon";
|
|
|
|
export default function Breadcrumbs({
|
|
links,
|
|
}: {
|
|
links: { title: string; href?: string; target?: string }[];
|
|
}) {
|
|
const current = links.at(-1);
|
|
|
|
return (
|
|
<div className="flex items-center uppercase font-black text-xs">
|
|
<Link className="flex items-center" href="/">
|
|
<HomeIcon />
|
|
</Link>
|
|
|
|
{/* {links.length > 1 && links.slice(0, -1).map((link) => {
|
|
return <>
|
|
<span className="mx-4">/</span>
|
|
<Link href={link.href}>{link.title}</Link>
|
|
</>
|
|
})} */}
|
|
|
|
<span className="mx-4">/</span>
|
|
<span>{current.title}</span>
|
|
</div>
|
|
);
|
|
}
|