import React from 'react'
import ReactDOM from 'react-dom'

class App extends React.Component { // eslint-disable-line no-unused-vars
  render () {
    return (
      <div className="container-fluid">
        <div className="row">
          <div className="jumbotron text-center">
            <h1>Login Screen</h1>
            <h3>TODO: Add login screen components here</h3>
          </div>
        </div>
      </div>
    )
  }
}

ReactDOM.render(
  <App></App>,
  document.getElementById('react-app')
)
import React from 'react'
import ReactDOM from 'react-dom'

class App extends React.Component { // eslint-disable-line no-unused-vars
  render () {
    return (
      <div className="container-fluid">
        <div className="row">
          <div className="jumbotron text-center">
            <h1>Login Screen</h1>
          </div>
        </div>
        <div className="row">
          <h3 className="text-center">TODO: Add login screen components here</h3>
        </div>
      </div>
    )
  }
}

ReactDOM.render(
  <App></App>,
  document.getElementById('react-app')
)
Refactor TODO to be below the jumbotron
Refactor TODO to be below the jumbotron
