joywok-material-components/components/tips/processTip.js

<h1 align="center"> Joywok Material Components </h1>

import React from 'react';
import ReactDOM from 'react-dom';
import Tooltip from '@material-ui/core/Tooltip';

class ProcessTip extends React.Component{
  constructor(props) {
    super(props);
  }
  closeRejectMemo(e){
    this.props.onClose && this.props.onClose(e)
  }
  render(){
    let self = this;
  	return (
  	  <div className={"jw-process-tip-main"}>
        <div className={"jw-process-tip"}>
          <div className={"jw-process-tip-bg"}></div>
          <div className={"jw-process-tip-main"}>
            <div className={"jw-process-tip-pic"}>
              <img src={this.props.icon}/>
            </div>
            <div className={"jw-process-tip-c"}>
              <div className={"jw-process-tip-title"}>{this.props.title}</div>
              {
                this.props.content.length != 0 ?
                  <div className={"jw-process-tip-tip"}>{this.props.content}</div> : ""
              }
            </div>
          </div>
          <div className={"jw-process-tip-close"}
               onClick={(e) => self.closeRejectMemo(e)}></div>
        </div>
      </div>
      )
  }
}

export default ProcessTip;