@6thquake/react-material/BreadcrumbItem/BreadcrumbItem.js

React components that implement Google's Material Design.

"use strict";

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

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

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

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

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

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

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

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

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

var _withStyles = _interopRequireDefault(require("../styles/withStyles"));

var _colorManipulator = require("../styles/colorManipulator");

var styles = {
  root: {
    display: 'inline-block',
    '@global svg': {
      verticalAlign: 'middle',
      width: '0.6em'
    }
  },
  icon: {
    padding: '0 3px'
  }
};

var BreadcrumbItem =
/*#__PURE__*/
function (_React$PureComponent) {
  (0, _inherits2.default)(BreadcrumbItem, _React$PureComponent);

  function BreadcrumbItem() {
    (0, _classCallCheck2.default)(this, BreadcrumbItem);
    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(BreadcrumbItem).apply(this, arguments));
  }

  (0, _createClass2.default)(BreadcrumbItem, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          path = _this$props.path,
          icon = _this$props.icon,
          name = _this$props.name,
          notLink = _this$props.notLink,
          classes = _this$props.classes,
          _this$props$color = _this$props.color,
          color = _this$props$color === void 0 ? 'inherit' : _this$props$color,
          children = _this$props.children;
      var item = children;

      if (!children) {
        if (!notLink) {
          item = _react.default.createElement("a", {
            href: path
          }, icon ? _react.default.createElement("i", {
            className: classes.icon
          }, icon) : null, _react.default.createElement("font", null, name));
        } else {
          item = _react.default.createElement("span", null, _react.default.createElement("i", {
            className: classes.icon
          }, icon), _react.default.createElement("font", null, name));
        }
      }

      return _react.default.createElement("div", {
        className: classes.root,
        key: path
      }, item);
    }
  }]);
  return BreadcrumbItem;
}(_react.default.PureComponent);

BreadcrumbItem.propTypes = {
  /**
   * The routing icon
   */
  icon: _propTypes.default.element,

  /**
   * The routing name
   */
  name: _propTypes.default.string,

  /**
   * Whether the routing is a link or not
   */
  notLink: _propTypes.default.bool,

  /**
   * The routing path name
   */
  path: _propTypes.default.string
};
BreadcrumbItem.defaultProps = {};

var _default = (0, _withStyles.default)(styles, {
  name: 'RMBreadcrumbItem'
})(BreadcrumbItem);

exports.default = _default;