32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import Link from "next/link"
|
|
|
|
import styles from "./breadcrumbs.module.css"
|
|
|
|
import type { BreadcrumbsProps } from "@/types/components/current/breadcrumbs"
|
|
|
|
export default function Breadcrumbs({ breadcrumbs, parent, title }: BreadcrumbsProps) {
|
|
return (
|
|
<nav className={styles.nav}>
|
|
<ul className={styles.list}>
|
|
{parent ? (
|
|
<li className="breadcrumb-list__parent hidden-medium hidden-large">
|
|
<Link href={parent.node.url}>
|
|
{parent.node.breadcrumbs?.title ?? parent.node.title}
|
|
</Link>
|
|
</li>
|
|
) : null}
|
|
{breadcrumbs.edges.map(breadcrumb => (
|
|
<li className={styles.li} itemProp="breadcrumb" key={breadcrumb.node.title}>
|
|
<Link className={styles.link} href={breadcrumb.node.url}>
|
|
{breadcrumb.node.breadcrumbs?.title ?? breadcrumb.node.title}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
<li className={styles.currentPage}>
|
|
<span>{title}</span>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
)
|
|
}
|