import React from 'react'
import classnames from 'classnames'
import styles from '../stylesheets/styles.scss'

export default class GameOverView extends React.PureComponent {
  render () {
    const bus = this.props.bus

    return (
      <div className={classnames(styles.modal, styles.row)}>
        <div className={classnames(styles.container, styles.center, styles['align-self-center'])}>
          <h1>Game Over</h1>
          <button onClick={() => bus.emit('restart')}>Restart</button>
        </div>
      </div>
    )
  }
}

import ButtonView from './button_view'
import React from 'react'
import classnames from 'classnames'
import styles from '../stylesheets/styles.scss'

export default class GameOverView extends React.PureComponent {
  render () {
    const bus = this.props.bus

    return (
      <div className={classnames(styles.modal, styles.row)}>
        <div className={classnames(styles.container, styles.center, styles['align-self-center'])}>
          <h1>Game Over</h1>
          <ButtonView onClick={() => bus.emit('restart')}>Restart</ButtonView>
        </div>
      </div>
    )
  }
}

Refactor game over view to use button view
Refactor game over view to use button view
