34 lines
1,004 B
JavaScript
34 lines
1,004 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import FreeSewingIcon from 'shared/components/icons/freesewing.js'
|
|
|
|
const Breadcrumbs = ({ crumbs = [], title }) =>
|
|
crumbs ? (
|
|
<ul className="flex flex-row flex-wrap gap-2 font-bold">
|
|
<li>
|
|
<Link href="/">
|
|
<a title="FreeSewing" className="text-base-content">
|
|
<FreeSewingIcon />
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
{crumbs.map((crumb) => (
|
|
<React.Fragment key={crumb[1] + crumb[0]}>
|
|
<li className="text-base-content px-2">»</li>
|
|
<li>
|
|
{crumb[1] ? (
|
|
<Link href={crumb[1]}>
|
|
<a title={crumb[0]} className="text-secondary hover:text-secondary-focus">
|
|
{crumb[0]}
|
|
</a>
|
|
</Link>
|
|
) : (
|
|
<span className="text-base-content">{crumb[0]}</span>
|
|
)}
|
|
</li>
|
|
</React.Fragment>
|
|
))}
|
|
</ul>
|
|
) : null
|
|
|
|
export default Breadcrumbs
|