antd
Version:
An enterprise-class UI design language and React components implementation
41 lines • 2 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
var __rest = this && this.__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
import classNames from 'classnames';
import * as React from 'react';
import { ConfigConsumer } from '../config-provider';
var Meta = function Meta(props) {
return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
var customizePrefixCls = props.prefixCls,
className = props.className,
avatar = props.avatar,
title = props.title,
description = props.description,
others = __rest(props, ["prefixCls", "className", "avatar", "title", "description"]);
var prefixCls = getPrefixCls('card', customizePrefixCls);
var classString = classNames("".concat(prefixCls, "-meta"), className);
var avatarDom = avatar ? /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-meta-avatar")
}, avatar) : null;
var titleDom = title ? /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-meta-title")
}, title) : null;
var descriptionDom = description ? ( /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-meta-description")
}, description)) : null;
var MetaDetail = titleDom || descriptionDom ? ( /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-meta-detail")
}, titleDom, descriptionDom)) : null;
return /*#__PURE__*/React.createElement("div", _extends({}, others, {
className: classString
}), avatarDom, MetaDetail);
});
};
export default Meta;