{"size": 599, "ext": "js", "max_stars_repo_path": "workspace/components/Footer/Footer.js", "max_stars_repo_name": "tylde/emblem-ui", "max_stars_repo_stars_event_min_datetime": "2020-02-26T16:01:26.000Z", "max_stars_repo_stars_event_max_datetime": "2020-03-04T11:30:17.000Z", "max_issues_repo_path": "workspace/components/Footer/Footer.js", "max_issues_repo_name": "tylde/emblem-ui", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "workspace/components/Footer/Footer.js", "max_forks_repo_name": "tylde/emblem-ui", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.96, "max_line_length": 86, "alphanum_fraction": 0.6661101836}
import React from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';

import {StyledFooter, StyledFooterAuthor, StyledFooterContent} from './Footer.styles';

const Footer = ({footerRef}) => (
  <StyledFooter ref={footerRef}>
    <StyledFooterContent>
      <StyledFooterAuthor>
        <span>Made with </span>
        <div>
          <FontAwesomeIcon icon='coffee' />
        </div>
        <span>by Mateusz Kalinowski</span>
      </StyledFooterAuthor>
    </StyledFooterContent>
  </StyledFooter>
);

Footer.propTypes = {};

Footer.defaultProps = {};

export default Footer;
