@krowdy-ui/views
Version:
React components that implement Google's Material Design.
37 lines (27 loc) • 1.06 kB
JavaScript
;
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 _styles = require("./styles");
var CardKnowledge = function CardKnowledge(_ref) {
var knowledgeName = _ref.knowledgeName,
level = _ref.level;
var classes = (0, _styles.useStyles)();
return /*#__PURE__*/_react["default"].createElement("div", {
className: classes.marginBottom
}, /*#__PURE__*/_react["default"].createElement(_core.Chip, {
className: classes.chip,
label: "".concat(knowledgeName, " ").concat(level)
}));
};
process.env.NODE_ENV !== "production" ? CardKnowledge.propTypes = {
knowledgeName: _propTypes["default"].string,
level: _propTypes["default"].string
} : void 0;
var _default = _react["default"].memo(CardKnowledge);
exports["default"] = _default;