antd
Version:
An enterprise-class UI design language and React components implementation
43 lines • 1.95 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(prefixCls + "-meta", className);
var avatarDom = avatar ? /*#__PURE__*/React.createElement("div", {
className: prefixCls + "-meta-avatar"
}, avatar) : null;
var titleDom = title ? /*#__PURE__*/React.createElement("div", {
className: prefixCls + "-meta-title"
}, title) : null;
var descriptionDom = description ? /*#__PURE__*/React.createElement("div", {
className: prefixCls + "-meta-description"
}, description) : null;
var MetaDetail = titleDom || descriptionDom ? /*#__PURE__*/React.createElement("div", {
className: prefixCls + "-meta-detail"
}, titleDom, descriptionDom) : null;
return /*#__PURE__*/React.createElement("div", _extends({}, others, {
className: classString
}), avatarDom, MetaDetail);
});
};
export default Meta;