@centreon/react-components/lib/Breadcrumb/Link.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 _Link = _interopRequireDefault(require("@material-ui/core/Link"));

var _reactRouterDom = require("react-router-dom");

var SmallLink = (0, _styled["default"])(_Link["default"])(function () {
  return {
    fontSize: '12px'
  };
});

var BreadcrumbLink = function BreadcrumbLink(_ref) {
  var index = _ref.index,
      count = _ref.count,
      breadcrumb = _ref.breadcrumb;
  var isLastLink = index === count - 1;
  return _react["default"].createElement(SmallLink, {
    color: isLastLink ? 'textPrimary' : 'inherit',
    component: _reactRouterDom.Link,
    to: breadcrumb.link
  }, breadcrumb.label);
};

BreadcrumbLink.propTypes = {
  index: _propTypes["default"].number.isRequired,
  count: _propTypes["default"].number.isRequired,
  breadcrumb: _propTypes["default"].shape({
    label: _propTypes["default"].string,
    link: _propTypes["default"].string
  }).isRequired
};
var _default = BreadcrumbLink;
exports["default"] = _default;