autodisol/components/VehicleDesignation.js

"use strict";

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

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

var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

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

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

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

var VehicleDesignationJSX = function VehicleDesignationJSX(_ref) {
  var css = _ref.classes,
      brand = _ref.brand,
      model = _ref.model,
      version = _ref.version;
  return _react["default"].createElement(_Grid["default"], {
    item: true
  }, _react["default"].createElement(_Typography["default"], {
    variant: "h6",
    style: {
      marginBottom: 10
    }
  }, brand, " ", _react["default"].createElement("span", {
    className: css.lightColor
  }, "|"), " ", model), _react["default"].createElement(_Typography["default"], {
    variant: "subtitle1"
  }, version));
};

VehicleDesignationJSX.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  brand: _propTypes["default"].string,
  model: _propTypes["default"].string,
  version: _propTypes["default"].string
};
var VehicleDesignation = (0, _withStyles["default"])({
  lightColor: {
    color: '#bbb'
  }
})(VehicleDesignationJSX);
var _default = VehicleDesignation;
exports["default"] = _default;