{"size": 651, "ext": "js", "max_stars_repo_path": "src/components/Footer.js", "max_stars_repo_name": "radotreyes/neil-rayos-film", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Footer.js", "max_issues_repo_name": "radotreyes/neil-rayos-film", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Footer.js", "max_forks_repo_name": "radotreyes/neil-rayos-film", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.7, "max_line_length": 62, "alphanum_fraction": 0.5975422427}
import React, { Component } from 'react'
import PropTypes from 'prop-types'

import uuidv4 from 'uuid/v4'

export default class Footer extends Component {
  static propTypes = {
    links: PropTypes.array,
  }

  static defaultProps = {
    links: [],
  }

  render() {
    const { links } = this.props
    const footerLinks = links.map(({ title, url }) => (
      <a className="footer__link" key={uuidv4()} href={url}>
        {title}
      </a>
    ))
    return (
      <footer className="footer">
        <span className="footer-menu">{footerLinks}</span>
        <span className="made-by">Built by Reuben Reyes</span>
      </footer>
    )
  }
}
