{"size": 1200, "ext": "js", "max_stars_repo_path": "client/src/components/Footer/Footer.js", "max_stars_repo_name": "TLCroatt/CCYA", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/Footer/Footer.js", "max_issues_repo_name": "TLCroatt/CCYA", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/Footer/Footer.js", "max_forks_repo_name": "TLCroatt/CCYA", "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": 26.6666666667, "max_line_length": 205, "alphanum_fraction": 0.5616666667}
import React from 'react';
import { Row, Col } from 'reactstrap';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faFacebook } from '@fortawesome/free-brands-svg-icons';
import "./style.css";

export const Footer = (props) => {
  
  function changeColor(e) {
    e.target.style.color = "blue";
  }

  function revert(e) {
    e.target.style.color = "black";
  }

  return (
    <footer className="text-center fixed-bottom footer">
      <Row >
        <Col sm="4">
          Phone: (303) 286-7669
        </Col>
        <Col sm="4" id="address">
          6820 East 77th Avenue,
          Commerce City, CO 80022
        </Col>
        <Col sm="4">
          <FontAwesomeIcon icon={faFacebook} size="2x" onMouseOver={changeColor} onMouseLeave={revert} onClick={() => window.open("https://www.facebook.com/CCyouthAthletics/?ref=br_rs")}></FontAwesomeIcon>
        </Col>
      </Row>
      <Row >
        <Col sm='4'>
        </Col>
        <Col sm='4'>
        <small className="text-black mx-auto">
          &copy; CCYA 2020 • All Rights Reserved
        </small>
        </Col>
        <Col sm='4'>
        </Col>
      </Row>
    </footer>
  );
}
export default Footer;