34 lines
950 B
JavaScript
34 lines
950 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import FreeSewingIcon from 'shared/components/icons/freesewing.js'
|
|
|
|
const Breadcrumbs = ({ crumbs=[], title }) => (
|
|
<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>
|
|
)
|
|
|
|
export default Breadcrumbs
|