text: import React, { Component } from 'react'
  
  class SignIn extends Component {
      state = {
          email: '',
          password: ''
      }
      
      handleSubmitEvent = (e) => {
          e.preventDefault();
          console.log(this.state);
      }
  
      handleChangeEvent = (e) => {
          this.setState( {
              [e.target.id]: e.target.value
          } )
      }
  
    render() {
      return (
        <div className="container">
            <form className="white" onSubmit={ this.handleSubmitEvent }>
                <h5 className="grey-text text-darken-3">Sign In</h5>
  
                <div className="input-field">
                    <label htmlFor="email">Email</label>
                    <input type="email" id='email' onChange={ this.handleChangeEvent }/>
                </div>
  
                <div className="input-field">
                    <label htmlFor="password">Password</label>
                    <input type="password" id='password' onChange={ this.handleChangeEvent } />
                </div>
  
                <div className="input-field">
                    <button className="btn purple lighten-1 z-depth-0">Login</button>       
                </div>
            </form>
        </div>
      )
    }
  }
  
  export default SignIn;