import React from 'react'
import PropTypes from 'prop-types'
import Button from '../Button'
import { Link } from 'react-router'
import styles from './styles.css'

class Menu extends React.Component {
  render () {
    let activeClass = this.props.active ? styles.active : ''
    return (
      <div className={styles.menuContainer + ' ' + activeClass}>
        <Link to={this.props.link}>
          <Button label={this.props.label} full style={{ color: '#FFF' }} />
        </Link>
      </div>
    )
  }
}

Menu.propTypes = {
  label: PropTypes.string,
  link: PropTypes.string,
  active: PropTypes.bool
}

export default Menu