@krowdy-ui/views
Version:
React components that implement Google's Material Design.
60 lines (48 loc) • 2.2 kB
JavaScript
"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 CardEspecialization = function CardEspecialization(_ref) {
var especializationName = _ref.especializationName,
especializationPlace = _ref.especializationPlace,
endDate = _ref.endDate,
startDate = _ref.startDate,
studyingHere = _ref.studyingHere,
description = _ref.description;
var classes = (0, _styles.useStyles)();
return /*#__PURE__*/_react["default"].createElement("div", {
className: classes.root
}, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
variant: "h5"
}, especializationName), /*#__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"
}, especializationPlace)), startDate || studyingHere || endDate ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
variant: "body2"
}, startDate, " - ", studyingHere ? 'Actual' : endDate) : null, description ? /*#__PURE__*/_react["default"].createElement(_core.Typography, {
variant: "body2"
}, description) : null);
};
process.env.NODE_ENV !== "production" ? CardEspecialization.propTypes = {
description: _propTypes["default"].string,
endDate: _propTypes["default"].string,
especializationName: _propTypes["default"].string,
especializationPlace: _propTypes["default"].string,
startDate: _propTypes["default"].string,
studyingHere: _propTypes["default"].bool
} : void 0;
var _default = _react["default"].memo(CardEspecialization);
exports["default"] = _default;