import React from 'react'
import Login from './login'
import Center from './center'
import Splash from './splash'
import Area from './area'
import { Glyphicon } from 'react-bootstrap'
import App from 'app'

export default class GreeterPanel extends React.Component {

  constructor(props) {
    super(props)
  }

  newAccount() {
    App.show('wizard')
  }

  render () {
    return <div>
      <Splash speed="slow" mask={false} />
      <Center width="400">
        <Area position="top" type="light" className="greeter">
          <Login {...this.props} rememberAllowed={false}/>
        </Area>
        <Area position="bottom" type="dark" className="greeter">
          <Glyphicon glyph="user" />
          &nbsp;
          <a href="#" onClick={this.newAccount.bind(this)}>Create a new account...</a>
        </Area>
      </Center>
    </div>
  }
}