==== APP.JS ====
import './App.css'

import React, {Component} from 'react'
import Grid from '@material-ui/core/Grid'

import Login from './Login';

class App extends Component {
  render() {
    return (
      <div>
        <Grid container>
          <Spacer />
          <Login />
        </Grid>
      </div>
    )
  }
}

const Spacer = () => {
  return (
    <Grid item xs={6}>
    </Grid>
  )
}

export default App

==== LOGIN.JS ====
import React from 'react';
import {withStyles} from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import TextField from '@material-ui/core/TextField';

const styles = {
    root: {
        backgroundColor: 'blue'
    }
}

class Login extends React.Component {
    state = {
        usernameFieldValue: 'Username',
        passwordFieldValue: 'Password'
    };

    handleChange = name => event => {
        this.setState({
            [name]: event.target.value
        });
    };

    render() {
        const {classes} = this.props;
        const {usernameFieldValue, passwordFieldValue} = this.state;

        return (
            <Grid item xs={6} className={classes.root}>
                <h3>Login Message</h3>
                <form>
                    <UsernameField
                        value={usernameFieldValue}
                        onChange={this.handleChange('usernameFieldValue')} />
                    <PasswordField
                        value={passwordFieldValue}
                        onChange={this.handleChange('passwordFieldValue')} />
                </form>
            </Grid>
        )
    }
}

const UsernameField = ({value, onChange}) => {
    return (
        <TextField
            id="usernameField"
            label="Username"
            value={value}
            onChange={onChange} />
    )
};

const PasswordField = ({value, onChange}) => {
    return (
        <TextField
            id="passwordField"
            label="Password"
            value={value}
            onChange={onChange} />
    )
}

export default withStyles(styles)(Login);