2023-03-26 06:50:59 +02:00
|
|
|
import { HomeIcon } from 'shared/components/icons.mjs'
|
2022-05-31 10:12:54 +02:00
|
|
|
import Link from 'next/link'
|
|
|
|
|
2023-03-26 06:50:59 +02:00
|
|
|
export const Breadcrumbs = ({ crumbs, title }) =>
|
2022-10-04 01:20:49 +02:00
|
|
|
crumbs ? (
|
2023-03-26 06:50:59 +02:00
|
|
|
<div className="text-sm breadcrumbs flex-wrap">
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<Link href="/" title="FreeSewing">
|
|
|
|
<HomeIcon />
|
|
|
|
</Link>
|
|
|
|
</li>
|
|
|
|
{crumbs.map((crumb) => (
|
|
|
|
<li key={crumb.s}>
|
2023-03-26 16:50:46 +02:00
|
|
|
<Link href={`/${crumb.s}`} title={crumb.t} className="text-secondary-focus font-bold">
|
2023-03-26 06:50:59 +02:00
|
|
|
{crumb.t}
|
|
|
|
</Link>
|
2022-10-04 01:20:49 +02:00
|
|
|
</li>
|
2023-03-26 06:50:59 +02:00
|
|
|
))}
|
|
|
|
</ul>
|
|
|
|
</div>
|
2022-10-04 01:20:49 +02:00
|
|
|
) : null
|