21 lines
619 B
React
21 lines
619 B
React
import React from 'react';
|
|
import './Breadcrumb.css';
|
|
|
|
export default function Breadcrumb({ items = [], onSelect }) {
|
|
return (
|
|
<div className="aa-breadcrumb">
|
|
{items.map((it, i) => (
|
|
<React.Fragment key={i}>
|
|
<span
|
|
className={'aa-breadcrumb-item' + (i === items.length - 1 ? ' is-current' : '')}
|
|
onClick={() => { if (i !== items.length - 1) onSelect && onSelect(it); }}
|
|
>
|
|
{it.label}
|
|
</span>
|
|
{i !== items.length - 1 ? <span className="aa-breadcrumb-sep">/</span> : null}
|
|
</React.Fragment>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|