import React from 'react';
import { Input, Button } from 'antd';
import './UserManagePage.less';

export default class UserManagePage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      avatar: 'https://image.xiaomaiketang.com/xm/rJeQaZxtc7.png',
      name: '',
    };
  }

  render() {
    const {
      avatar,
    } = this.state;
    return (
      <div className="college-manage-page">
        <div className="college-header">
          <div className="box">
            <img className="box-image" src="https://image.xiaomaiketang.com/xm/HNHCAF6Fc2.png" />
            <div className="user">
              <img className="image" src={avatar} />
              <span className="name">Xiaomai</span>
              <span className="logout">退出</span>
            </div>
          </div>
        </div>
        <div className="create-box">
          <img className="image" src="https://image.xiaomaiketang.com/xm/HNHCAF6Fc2.png" />
          <span className="tip">建议尺寸702*180px，JPG/PNG格式，图片小于2M。</span>
          <Input className="input" placeholder="请输入学院名称"></Input>
          <Button
            className="button"
            type="primary"
          >确定创建</Button>
        </div>
      </div>
    )
  }
}