jc-biz-components/components/description-list/Description.js

jc component library based on Antd

import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import { Col } from 'antd'
// import styles from './index.less'
import responsive from './responsive'

const Description = ({ term, column, className, children, ...restProps }) => {
  const prefixCls = 'jc-description'
  const clsString = classNames(prefixCls, className)
  return (
    <Col
      className={clsString}
      {...responsive[column]}
      {...restProps}
    >
      <Col>
        <Col span={9}>{term && <div className={`${this.props.prefixCls}-term`}>{term}：</div>}</Col>
        <Col span={15}>{children && <div className={`${this.props.prefixCls}-detail`}>{children}</div>}</Col>
      </Col>
    </Col>
  )
}

Description.defaultProps = {
  term: '',
  children: '',
}

Description.propTypes = {
  term: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.element,
  ]),
  children: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.element,
  ]),
}

export default Description