@dnb/eufemia/components/breadcrumb/BreadcrumbMultiple.js

DNB Eufemia Design System UI Library

import _extends from "@babel/runtime-corejs3/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 === null || data === void 0 ? void 0 : 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