antd-mobile/cjs/components/card/card.js

<div align="center">

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Card = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
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
    }, props.icon && _react.default.createElement("div", {
      className: `${classPrefix}-header-icon`
    }, props.icon), _react.default.createElement("div", {
      className: `${classPrefix}-header-title`
    }, props.title), props.extra && _react.default.createElement("div", {
      className: `${classPrefix}-header-extra`
    }, 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;