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

DNB Eufemia Design System UI Library

import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import HeightAnimation from '../height-animation/HeightAnimation';
import Section from '../section/Section';
import BreadcrumbItem from './BreadcrumbItem';
export const BreadcrumbMultiple = _ref => {
  let {
    isCollapsed,
    items,
    noAnimation,
    data
  } = _ref;
  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