@lskjs/page/components/Breadcrumbs/Breadcrumbs.js

LSK ux subrepo: page

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs.styles"));

/* eslint import/no-extraneous-dependencies: 0 */
var Breadcrumbs = function Breadcrumbs(_ref) {
  var render = _ref.render,
      _ref$items = _ref.items,
      items = _ref$items === void 0 ? [] : _ref$items,
      props = (0, _objectWithoutProperties2["default"])(_ref, ["render", "items"]);
  return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], props, items.map(function (item, i) {
    return /*#__PURE__*/_react["default"].createElement("span", {
      key: item.id || item.key || i
    }, (render ? render(item, i) : item.title) || (__DEV__ ? '??' : ''), i !== items.length - 1 && /*#__PURE__*/_react["default"].createElement("span", null, "\xA0/\xA0"));
  }));
};

Breadcrumbs.defaultProps = {
  items: [],
  render: function render(item) {
    return item && item.title;
  }
};
Breadcrumbs.propTypes = {
  render: _propTypes["default"].func,
  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    title: _propTypes["default"].string,
    href: _propTypes["default"].string
  }))
};
var _default = Breadcrumbs;
exports["default"] = _default;
//# sourceMappingURL=Breadcrumbs.js.map