import React, { Component } from 'react'
import './index.scss'

export default class Poup extends Component {
  render() {
    return (
      <div className={'mask_container'}>
        <div className={'content'}>
          <p className={'title'}>温馨提示</p>
          {
            this.props.type === 1 ? (
              <>
                <p className={'tip'}>当前环境暂不支持该课程模式，您可前往七月在线PC端体验课程。</p>
              </>
            ) : (
              <>
                <p className={'tip'}>当前环境暂不支持该课程模式，您可前往七月在线PC端学习课程。</p>
              </>
            )
          }
          <img onClick={this.props.closePop} className={'close_btn'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/bottom_close.png" alt=""/>
        </div>
      </div>
    )
  }
}