@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
40 lines (39 loc) • 1.76 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BreadcrumbMultiple = void 0;
var _react = _interopRequireDefault(require("react"));
var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
var _Section = _interopRequireDefault(require("../section/Section"));
var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const BreadcrumbMultiple = _ref => {
let {
isCollapsed,
items,
noAnimation,
data
} = _ref;
return _react.default.createElement(_HeightAnimation.default, {
open: !isCollapsed,
animate: !noAnimation,
className: "dnb-breadcrumb__multiple"
}, _react.default.createElement(_Section.default, {
className: "dnb-breadcrumb__list",
element: "ol",
style_type: "transparent"
}, data === null || data === void 0 ? void 0 : data.map((breadcrumbItem, i) => {
return _react.default.createElement(_BreadcrumbItem.default, _extends({
key: i,
variant: i == 0 && 'home' || i == data.length - 1 && 'current' || null,
itemNo: i
}, breadcrumbItem));
}), _react.default.Children.toArray(items).filter(item => _react.default.isValidElement(item)).map((item, i) => _react.default.cloneElement(item, {
key: i,
itemNo: i
}))));
};
exports.BreadcrumbMultiple = BreadcrumbMultiple;
//# sourceMappingURL=BreadcrumbMultiple.js.map