text: import React from "react";
  import { useHistory } from "react-router-dom";
  import { LoadingScreen } from "../../components/loader/Loader";
  import logoDark15 from "../../img/logoDark15.png";
  import "./Login.css";
  
  const Cadastro = () => {
    const history = useHistory();
    return (
      <div>
        <LoadingScreen></LoadingScreen>
        <section className="login">
          <div className="lg-container">
            <div className="lg-header">
              <img src={logoDark15} alt="" />
              <button className="lg-exit" onClick={() => history.push("/")}>
                X
              </button>
            </div>
            <form className="lg-body">
              <div className="lg-title">
                <h1>Cadastro</h1>
                <p>Toda ajuda para a socidade é bem-vinda!</p>
              </div>
              <hr />
              <div className="lg-inputs">
                <p>E-mail</p>
                <input type="text" placeholder="example@mail.com" required />
                <p>Senha</p>
                <input type="password" placeholder="*********" required />
                <p>Confirme sua senha</p>
                <input type="password" placeholder="*********" required />
              </div>
              <div className="lg-check flex-center">
                <input type="checkbox" name="" required />
                <p>Concordo com os termos de uso</p>
              </div>
              <button className="lg-btn">Criar conta</button>
              <button className='lg-back' onClick={() => history.push("/login")}>
                Já possui uma conta? <span>Faça login</span>
              </button>
            </form>
          </div>
          <div className="lg-img"></div>
        </section>
      </div>
    );
  };
  
  export default Cadastro;
  