@krowdy-ui/views/ProfileCandidate/CardExperiencie.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 _react = _interopRequireDefault(require("react"));

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

var _core = require("@krowdy-ui/core");

var _icons = require("@material-ui/icons");

var _styles = require("./styles");

var _ref2 = /*#__PURE__*/_react["default"].createElement(_icons.Business, {
  color: "disabled"
});

var CardExperiencie = function CardExperiencie(_ref) {
  var area = _ref.area,
      description = _ref.description,
      companyName = _ref.companyName,
      jobPosition = _ref.jobPosition,
      endDate = _ref.endDate,
      hierarchy = _ref.hierarchy,
      location = _ref.location,
      startDate = _ref.startDate,
      workHere = _ref.workHere;
  var classes = (0, _styles.useStyles)();
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.root
  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    variant: "h5"
  }, jobPosition), /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.companyContent
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.companyImageContent
  }, _ref2), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    variant: "h6"
  }, companyName)), startDate || workHere || endDate ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    variant: "body2"
  }, startDate, " - ", workHere ? 'Actual' : endDate) : null, hierarchy ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    color: "info",
    variant: "body1"
  }, "Jerarqu\xEDa: ", hierarchy) : null, area ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    color: "info",
    variant: "body1"
  }, "\xC1rea: ", area) : null, location ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    color: "info",
    variant: "body1"
  }, "Ubicaci\xF3n: ", location) : null, description ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    variant: "body2"
  }, description) : null);
};

process.env.NODE_ENV !== "production" ? CardExperiencie.propTypes = {
  area: _propTypes["default"].string,
  companyName: _propTypes["default"].string,
  description: _propTypes["default"].string,
  endDate: _propTypes["default"].string,
  hierarchy: _propTypes["default"].string,
  institutionName: _propTypes["default"].string,
  jobPosition: _propTypes["default"].string,
  location: _propTypes["default"].string,
  startDate: _propTypes["default"].string,
  workHere: _propTypes["default"].bool
} : void 0;

var _default = _react["default"].memo(CardExperiencie);

exports["default"] = _default;