unction Deportes(){

    const [pass, setPass] = React.useState();
    const handleChange = (pass, NewPass) =>{
        setPass(NewPass);
        console.log(pass.target.value);
    }
    const handleSubmit = (e) => {
    e.preventDefault();
    console.log(handleSubmit);
    console.log ("por que repija te chupa un huevo que quiero hacer prevent default react, lcdtm");
    console.log (pass.target.value);



}


    return(<>
        <p>Deportes</p>

       <div class="col-6 offset-3">
        <h3>Esto es para probar un formulario html, no tiene nada que ver con el proyecto en si</h3>
        <h4>Aca en verdad iría otra cosa</h4>
        <h2>Formulario de login</h2>
        <form>

            <label class="form-label d-block mt-2">
                <span>Correo electrónico:</span> <br />
                <input class="form-control" type="text" name="email" /> <br />


            </label>
            <label class="form-label d-block mt-2">
                <span>Contraseña:</span><br />
                <input type="password" name="password" class="from-control"onChange={handleChange} /><br />

            </label>
            <button class="btn btn-success mt-2"  type="submit" onSubmit={handleSubmit}>ingresar</button>

        </form>
        </div>
    </>)
}

export default Deportes;