@centreon/react-components/lib/Breadcrumb/index.js

react components used by centreon web frontend

"use strict";

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

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

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

var _styled = _interopRequireDefault(require("@emotion/styled"));

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

var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));

var _NavigateNext = _interopRequireDefault(require("@material-ui/icons/NavigateNext"));

var _Link = _interopRequireDefault(require("./Link"));

var StyledBreadcrumb = (0, _styled["default"])(_Breadcrumbs["default"])(function () {
  return {
    padding: '4px 16px',
    '.MuiBreadcrumbs-li': {
      display: 'flex'
    }
  };
});

function Breadcrumb(_ref) {
  var breadcrumbs = _ref.breadcrumbs;
  return _react["default"].createElement(StyledBreadcrumb, {
    separator: _react["default"].createElement(_NavigateNext["default"], {
      fontSize: "small"
    }),
    "aria-label": "Breadcrumb"
  }, breadcrumbs && breadcrumbs.map(function (breadcrumb, index) {
    return _react["default"].createElement(_Link["default"], {
      key: "".concat(breadcrumb.label).concat(breadcrumb.index),
      breadcrumb: breadcrumb,
      index: index,
      count: breadcrumbs.length
    });
  }));
}

Breadcrumb.propTypes = {
  breadcrumbs: _propTypes["default"].arrayOf(_propTypes["default"].shape).isRequired
};
var _default = Breadcrumb;
exports["default"] = _default;