content: import React from 'react';
  
  class LoginForm extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        value: ''
      };
      this.onUpdate = this.setState.bind(this);
    }
  
    handleChange(event) {
      this.setState({value: event.target.value});
    }
  
    render() {
      return (
        <div className="container flex flex-center height-100vh container-centered">
          <div className="row row-centered col col-12 flex flex-column flex-center text-center">
            <h1>Chatroom</h1>
            <h2>Yo dog peep this</h2>
          </div>
          <form className="login-form row col col-12 row-centered" onSubmit={e => {
            e.preventDefault();
            this.setState({value: ''});
            this.props.onSubmit(this.state.value);
          }}>
            <div className="col col-5"><input className="input" type="text" placeholder="Username" value={this.state.value} onChange={e => {
              this.handleChange(e);
            }}/></div>
            <div className="col col-3"><input className="input" type="submit" value="Submit"/></div>
          </form>
        </div>
      );
    }
  }
  
  LoginForm.propTypes = {
    onSubmit: React.PropTypes.func
  };
  
  module.exports = LoginForm;
  