content: /* eslint react/jsx-boolean-value: 0 */
  import React from 'react'
  // import { browserHistory } from 'react-router'
  import FontIcon from 'material-ui/FontIcon'
  import Paper from 'material-ui/Paper'
  import TextField from 'material-ui/TextField'
  import RaisedButton from 'material-ui/RaisedButton'
  
  import './LoginView.scss'
  
  const styles = {
    marginTop: '10px',
    marginLeft: '50px',
    fontSize: '32px',
    float: 'left'
  }
  
  export const LoginView = () => (
    <div>
      <Paper className='login-paper' zDepth={5}>
        <div className='login-header'>
          <FontIcon
            className='material-icons'
            style={styles}>
            lock_outline
          </FontIcon>
          <h3 className='lock-title'>管理系統 - 登入</h3>
        </div>
        <div className='login-box'>
          <TextField
            hintText=''
            floatingLabelText='帳號'
            floatingLabelFixed={true}
          />
          <br />
          <TextField
            hintText=''
            floatingLabelText='密碼'
            floatingLabelFixed={true}
            type='password'
          />
          <br />
          <RaisedButton
            className='login-button'
            label='登入'
            primary={true}
            onClick={() => window.location.replace('/Console')}
            />
        </div>
      </Paper>
    </div>
  )
  
  export default LoginView
  // onTouchTap={browserHistory.push('/Console')}
  