import React from 'react'
import PropTypes from 'prop-types'
import { Link } from 'react-router-dom'
// Import React-JSS
import injectSheet from 'react-jss'

const styles = {
  footer: {
    background: '#D3D3D3',
    margin: '60px 0px'
  },
  linkCSS: {
    padding: '0px 10px'
  }
}

const Footer = (props) => {
  return (
    <div className={props.classes.footer}>
      <div className='fixed-bottom'>
        <div className='row'>
          <div className='col'>
            <Link to='/' className={props.classes.linkCSS}>Home</Link>
          </div>
          <div className='col'>
            <Link to='/developers' className={props.classes.linkCSS}>Developers</Link>
          </div>
        </div>
      </div>
    </div>
  )
}

Footer.propTypes = {
  classes: PropTypes.object
}

export default injectSheet(styles)(Footer)
