import React from 'react';
import { Modal } from 'antd';
import { openNewWindow } from 'educoder';

function Engineer({QQVisible,setQQVisible}) {

  return(
    <Modal
      centered
      destroyOnClose={true}
      visible={QQVisible}
      title="提示"
      width="500px"
      // footer={null}ee
      okText="立即联系"
      cancelText="取消"
      onOk={() => {
        openNewWindow("https://qm.qq.com/cgi-bin/qm/qr?k=DWdqQHAbbfw7_rqm0d-Q_vDn5H6bMp91&jump_from=webapi")
      }}
      onCancel={() => setQQVisible(false)}
    >
      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
        <p>您可以在QQ服务群向管理员申请，获得继续操作的权限</p >
        < img src={require("./teacherQQ.png")} width={200} height={200} alt=""/>
        <p>群号：693542422 </p >
      </div>
    </Modal >
  )
}
export default Engineer