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

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端或者APP体验课程。</p>
                <CallApp className='btn btn-18B4ED' text={'前往APP体验课程'}></CallApp>
              </>
            ) : (
              <>
                <p className={'tip'}>当前环境暂不支持该课程模式，您可前往七月在线PC端或者APP学习课程。</p>
                <CallApp className='btn btn-18B4ED' text={'前往APP学习课程'}></CallApp>
              </>
            )
          }
          <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>
    )
  }
}
