import React from 'react'
import PropTypes from 'prop-types'
import { Row, Column, PanelButton } from 'ui'

export class Home extends React.Component {
  static propTypes = {
    history: PropTypes.object
  }

  render() {
    return (
      <Column>
        <Column.Item grow />
        <Column.Item>
          <Row>
            <Row.Item grow />
            <Row.Item>
              <PanelButton icon='users' text='Users' onClick={() => (this.props.history.replace('/users'))} />
            </Row.Item>
            <Row.Item width={30} />
            <Row.Item>
              <PanelButton icon='teams' text='Teams' />
            </Row.Item>
            <Row.Item width={30} />
            <Row.Item>
              <PanelButton icon='system' text='System' />
            </Row.Item>
            <Row.Item grow />
          </Row>
        </Column.Item>
        <Column.Item grow />
      </Column>
    )
  }
}