autodisol/components/ReleaseInfo.js

"use strict";

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

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

var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));

var _Navigation = _interopRequireDefault(require("@material-ui/icons/Navigation"));

var _moment = _interopRequireDefault(require("moment"));

var _numeral = _interopRequireDefault(require("numeral"));

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var ReleaseInfoJSX = function ReleaseInfoJSX(_ref) {
  var css = _ref.classes,
      releaseDate = _ref.releaseDate,
      currentKm = _ref.currentKm;
  return _react["default"].createElement("div", {
    className: css.wrapper
  }, _react["default"].createElement(_Navigation["default"], {
    className: css.icon
  }), "MEC : ", releaseDate && (0, _moment["default"])(releaseDate).format('DD/MM/YYYY'), " - ", (0, _numeral["default"])(currentKm).format(), ' ', "km");
};

ReleaseInfoJSX.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  releaseDate: _propTypes["default"].string,
  currentKm: _propTypes["default"].number
};
var ReleaseInfo = (0, _withStyles["default"])({
  wrapper: {
    display: 'flex',
    alignItems: 'center'
  },
  icon: {
    color: '#bbb',
    marginRight: 5
  }
})(ReleaseInfoJSX);
var _default = ReleaseInfo;
exports["default"] = _default;