linkmore-design/lib/card/Meta.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _configProvider = require("../config-provider");
const Meta = props => /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, null, ({
  getPrefixCls
}) => {
  const {
    prefixCls: customizePrefixCls,
    className,
    avatar,
    title,
    description,
    ...others
  } = props;
  const prefixCls = getPrefixCls('card', customizePrefixCls);
  const classString = (0, _classnames.default)(`${prefixCls}-meta`, className);
  const avatarDom = avatar ? /*#__PURE__*/React.createElement("div", {
    className: `${prefixCls}-meta-avatar`
  }, avatar) : null;
  const titleDom = title ? /*#__PURE__*/React.createElement("div", {
    className: `${prefixCls}-meta-title`
  }, title) : null;
  const descriptionDom = description ? /*#__PURE__*/React.createElement("div", {
    className: `${prefixCls}-meta-description`
  }, description) : null;
  const MetaDetail = titleDom || descriptionDom ? /*#__PURE__*/React.createElement("div", {
    className: `${prefixCls}-meta-detail`
  }, titleDom, descriptionDom) : null;
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, others, {
    className: classString
  }), avatarDom, MetaDetail);
});
var _default = Meta;
exports.default = _default;