antd-mobile
Version:
<div align="center">
40 lines (39 loc) • 1.38 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Card = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _nativeProps = require("../../utils/native-props");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const classPrefix = `adm-card`;
const Card = props => {
const renderHeader = () => {
if (!(props.title || props.extra)) {
return null;
}
return _react.default.createElement("div", {
className: (0, _classnames.default)(`${classPrefix}-header`, props.headerClassName),
style: props.headerStyle,
onClick: props.onHeaderClick
}, _react.default.createElement("div", {
className: `${classPrefix}-header-title`
}, props.title), props.extra);
};
const renderBody = () => {
if (!props.children) {
return null;
}
return _react.default.createElement("div", {
className: (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName),
style: props.bodyStyle,
onClick: props.onBodyClick
}, props.children);
};
return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
className: classPrefix,
onClick: props.onClick
}, renderHeader(), renderBody()));
};
exports.Card = Card;
;