@krowdy-ui/views/es/ProfileCandidate/CardExperiencie.js

React components that implement Google's Material Design.

import React from 'react';
import PropTypes from 'prop-types';
import { Typography } from '@krowdy-ui/core';
import { Business as BusinessIcon } from '@material-ui/icons';
import { useStyles } from './styles';

var _ref = /*#__PURE__*/React.createElement(BusinessIcon, {
  color: "disabled"
});

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

process.env.NODE_ENV !== "production" ? CardExperiencie.propTypes = {
  area: PropTypes.string,
  companyName: PropTypes.string,
  description: PropTypes.string,
  endDate: PropTypes.string,
  hierarchy: PropTypes.string,
  institutionName: PropTypes.string,
  jobPosition: PropTypes.string,
  location: PropTypes.string,
  startDate: PropTypes.string,
  workHere: PropTypes.bool
} : void 0;
export default React.memo(CardExperiencie);