<div className="chakra-modal__content-container chinhdev-1u2cvaz" tabIndex={-1}>
        <section className="chakra-modal__content chinhdev-67r12g" role="dialog" id="chakra-modal-:r16:" tabIndex={-1} aria-modal="true" style={{opacity: 1, transform: 'none'}} aria-labelledby="chakra-modal--header-:r16:" aria-describedby="chakra-modal--body-:r16:">
          <header className="chakra-modal__header chinhdev-9fgtzh" id="chakra-modal--header-:r16:">
            <div className="chakra-stack chinhdev-owjkmg">
              <img alt="chinh.dev" className="chakra-image chinhdev-0" src="https://quanly.gameroblox.vn/upload/settings/168451312531908245.png" />
              <h3 className="chakra-heading chinhdev-1qv3pjv">ĐĂNG NHẬP TÀI KHOẢN</h3>
            </div>
          </header>
          <button type="button" aria-label="Close" className="chakra-modal__close-btn chinhdev-1ik4h6n">
            <svg viewBox="0 0 24 24" focusable="false" className="chakra-icon chinhdev-onkibi" aria-hidden="true">
              <path fill="currentColor" d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z" />
            </svg>
          </button>
          <form onSubmit={this.Dangnhap}>
            <div className="chakra-modal__body chinhdev-qlig70" id="chakra-modal--body-:r16:">
         
              <div role="group" className="chakra-form-control chinhdev-rj5r62">
                <label id="field-:r17:-label" htmlFor="field-:r17:" className="chakra-form__label chinhdev-g6pte">Tài khoản</label>
                <input name="username" type="text" placeholder="Tài khoản" value={this.state.username} onChange={this.ChangeUsername} defaultValue className="chakra-input chinhdev-1b9sz4k" />
              </div>
              <div role="group" className="chakra-form-control chinhdev-rj5r62">
                <label id="field-:r18:-label" htmlFor="field-:r18:" className="chakra-form__label chinhdev-g6pte">Mật khẩu</label>
                <input name="password" type="password" placeholder="Mật khẩu" value={this.state.password} onChange={this.ChangePassword}  className="chakra-input chinhdev-1b9sz4k" />
              </div>
            </div>
            <footer className="chakra-modal__footer chinhdev-1mdgpz">
              <div className="chakra-stack chinhdev-1qqukx9">
               {this.state.load ? haveload  :  noload}
                <button type="button" className="chakra-button chinhdev-1dw03iw">Tạo tài khoản</button>
              </div>
            </footer>
          </form>
        </section>
      </div>