@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
36 lines • 1.19 kB
JavaScript
import React from 'react';
import HeightAnimation from "../height-animation/HeightAnimation.js";
import Section from "../section/Section.js";
import BreadcrumbItem from "./BreadcrumbItem.js";
import BreadcrumbItemContext from "./BreadcrumbItemContext.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const BreadcrumbMultiple = ({
collapsed,
items,
noAnimation,
data
}) => {
return _jsx(HeightAnimation, {
open: !collapsed,
animate: !noAnimation,
className: "dnb-breadcrumb__multiple",
children: _jsxs(Section, {
className: "dnb-breadcrumb__list",
element: "ol",
backgroundColor: "transparent",
children: [data?.map((breadcrumbItem, i) => {
return _jsx(BreadcrumbItem, {
variant: i === 0 && 'home' || i === data.length - 1 && 'current' || null,
itemNo: i,
...breadcrumbItem
}, i);
}), (Array.isArray(items) ? items : [items]).filter(item => React.isValidElement(item)).map((item, i) => _jsx(BreadcrumbItemContext, {
value: {
itemNo: i
},
children: item
}, i))]
})
});
};
//# sourceMappingURL=BreadcrumbMultiple.js.map