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

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BreadcrumbMultiple = void 0;
var _react = _interopRequireDefault(require("react"));
var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation.js"));
var _Section = _interopRequireDefault(require("../section/Section.js"));
var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem.js"));
var _BreadcrumbItemContext = _interopRequireDefault(require("./BreadcrumbItemContext.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BreadcrumbMultiple = ({
  collapsed,
  items,
  noAnimation,
  data
}) => {
  return (0, _jsxRuntime.jsx)(_HeightAnimation.default, {
    open: !collapsed,
    animate: !noAnimation,
    className: "dnb-breadcrumb__multiple",
    children: (0, _jsxRuntime.jsxs)(_Section.default, {
      className: "dnb-breadcrumb__list",
      element: "ol",
      backgroundColor: "transparent",
      children: [data === null || data === void 0 ? void 0 : data.map((breadcrumbItem, i) => {
        return (0, _jsxRuntime.jsx)(_BreadcrumbItem.default, {
          variant: i === 0 && 'home' || i === data.length - 1 && 'current' || null,
          itemNo: i,
          ...breadcrumbItem
        }, i);
      }), (Array.isArray(items) ? items : [items]).filter(item => _react.default.isValidElement(item)).map((item, i) => (0, _jsxRuntime.jsx)(_BreadcrumbItemContext.default, {
        value: {
          itemNo: i
        },
        children: item
      }, i))]
    })
  });
};
exports.BreadcrumbMultiple = BreadcrumbMultiple;
//# sourceMappingURL=BreadcrumbMultiple.js.map