import React from 'react'
import styles from './Loading.scss'
import loadingImg from './images/loading.png'

const Loading = React.createClass({
  propTypes: {
    options: React.PropTypes.object
  },
  getDefaultProps () {
    return {
      options: {}
    }
  },

  componentDidMount () {
  },
  componentDidUpdate (preProps) {
  },
  render () {
    let {isShow=false, loadingText=''} = this.props.options||{}
    let style={
      display:isShow?'block':'none'
    }
    return (
      <div style={style}>
        <div className={styles.this}>
          <div className={styles.outer}>
            <div className={styles.mintIndicatorWrapper}>
              <img className={styles.loading} src={loadingImg} />
              {loadingText && <span className={styles.mintIndicatorText}>
              {loadingText}
            </span>}
            </div>
          </div>
          <div className={styles.shade} />
        </div>
      </div>
    )
  }
})

export default Loading