zarm-web/es/modal/ModalHeader.js

基于 React 的桌面端UI库

import React, { Component } from 'react';
import classnames from 'classnames';
import Icon from '../icon';

class ModalHeader extends Component {
  render() {
    const {
      title,
      onClose,
      prefixCls,
      className,
      style
    } = this.props;
    const btnClose = onClose ? React.createElement("div", {
      className: `${prefixCls}-close`,
      onClick: onClose
    }, React.createElement(Icon, {
      type: "wrong"
    })) : null;
    const cls = classnames({
      [`${prefixCls}-header`]: true,
      [className]: !!className
    });
    return React.createElement("div", {
      className: cls,
      style: style
    }, React.createElement("div", {
      className: `${prefixCls}-title`
    }, title), btnClose);
  }

}

ModalHeader.defaultProps = {
  prefixCls: 'ui-modal',
  title: '',
  style: {},
  onClose: () => {}
};
export default ModalHeader;