antd-mobile
Version:
<div align="center">
36 lines • 1.24 kB
JavaScript
import classNames from 'classnames';
import React from 'react';
import { withNativeProps } from '../../utils/native-props';
const classPrefix = `adm-card`;
export const Card = props => {
const renderHeader = () => {
if (!(props.title || props.extra)) {
return null;
}
return React.createElement("div", {
className: classNames(`${classPrefix}-header`, props.headerClassName),
style: props.headerStyle,
onClick: props.onHeaderClick
}, props.icon && React.createElement("div", {
className: `${classPrefix}-header-icon`
}, props.icon), React.createElement("div", {
className: `${classPrefix}-header-title`
}, props.title), props.extra && React.createElement("div", {
className: `${classPrefix}-header-extra`
}, props.extra));
};
const renderBody = () => {
if (!props.children) {
return null;
}
return React.createElement("div", {
className: classNames(`${classPrefix}-body`, props.bodyClassName),
style: props.bodyStyle,
onClick: props.onBodyClick
}, props.children);
};
return withNativeProps(props, React.createElement("div", {
className: classPrefix,
onClick: props.onClick
}, renderHeader(), renderBody()));
};