@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
31 lines • 1.05 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import HeightAnimation from "../height-animation/HeightAnimation.js";
import Section from "../section/Section.js";
import BreadcrumbItem from "./BreadcrumbItem.js";
export const BreadcrumbMultiple = ({
isCollapsed,
items,
noAnimation,
data
}) => {
return React.createElement(HeightAnimation, {
open: !isCollapsed,
animate: !noAnimation,
className: "dnb-breadcrumb__multiple"
}, React.createElement(Section, {
className: "dnb-breadcrumb__list",
element: "ol",
style_type: "transparent"
}, data?.map((breadcrumbItem, i) => {
return React.createElement(BreadcrumbItem, _extends({
key: i,
variant: i === 0 && 'home' || i === data.length - 1 && 'current' || null,
itemNo: i
}, breadcrumbItem));
}), React.Children.toArray(items).filter(item => React.isValidElement(item)).map((item, i) => React.cloneElement(item, {
key: i,
itemNo: i
}))));
};
//# sourceMappingURL=BreadcrumbMultiple.js.map