UNPKG

@krowdy-ui/views

Version:

React components that implement Google's Material Design.

54 lines (51 loc) 2.01 kB
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 _ref2 = /*#__PURE__*/React.createElement(BusinessIcon, { color: "disabled" }); var CardEducation = function CardEducation(_ref) { var condition = _ref.condition, description = _ref.description, institutionName = _ref.institutionName, career = _ref.career, endDate = _ref.endDate, degree = _ref.degree, startDate = _ref.startDate, studyingHere = _ref.studyingHere; var classes = useStyles(); return /*#__PURE__*/React.createElement("div", { className: classes.root }, /*#__PURE__*/React.createElement(Typography, { variant: "h5" }, career), /*#__PURE__*/React.createElement("div", { className: classes.companyContent }, /*#__PURE__*/React.createElement("div", { className: classes.companyImageContent }, _ref2), /*#__PURE__*/React.createElement(Typography, { variant: "h6" }, institutionName)), startDate || studyingHere || endDate ? /*#__PURE__*/React.createElement(Typography, { variant: "body2" }, startDate, " - ", studyingHere ? 'Actual' : endDate) : null, degree ? /*#__PURE__*/React.createElement(Typography, { color: "info", variant: "body1" }, "Nivel: ", degree) : null, condition ? /*#__PURE__*/React.createElement(Typography, { color: "info", variant: "body1" }, "Condici\xF3n: ", condition) : null, description ? /*#__PURE__*/React.createElement(Typography, { variant: "body2" }, description) : null); }; process.env.NODE_ENV !== "production" ? CardEducation.propTypes = { career: PropTypes.string, condition: PropTypes.string, degree: PropTypes.string, description: PropTypes.string, endDate: PropTypes.string, institutionName: PropTypes.string, startDate: PropTypes.string, studyingHere: PropTypes.bool } : void 0; export default React.memo(CardEducation);