{"size": 2819, "ext": "js", "max_stars_repo_path": "client/src/components/core/Footer/index.js", "max_stars_repo_name": "DevAshleyD/soundclout-PWA", "max_stars_repo_stars_event_min_datetime": "2019-12-11T06:53:46.000Z", "max_stars_repo_stars_event_max_datetime": "2019-12-12T05:19:14.000Z", "max_issues_repo_path": "client/src/components/core/Footer/index.js", "max_issues_repo_name": "DevAshleyD/soundclout-PWA", "max_issues_repo_issues_event_min_datetime": "2021-05-10T20:53:15.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T02:26:39.000Z", "max_forks_repo_path": "client/src/components/core/Footer/index.js", "max_forks_repo_name": "DevAshleyD/soundclout-PWA", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": 6, "max_forks_count": null, "avg_line_length": 62.6444444444, "max_line_length": 309, "alphanum_fraction": 0.6789641717}
import React from 'react';
import './_Footer.scss';

import { Link } from 'react-router-dom';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { fab } from '@fortawesome/free-brands-svg-icons';
import { faPhoneAlt } from "@fortawesome/free-solid-svg-icons";
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
import { faMapMarkerAlt } from "@fortawesome/free-solid-svg-icons";

library.add(fab);

const Footer = () => {
    return (
    
    <> 
        <footer className="footer">
            <h2 className="footer__heading">Get In Touch</h2>
            <div className="footer__socials">
                <a className="footer__socials__icon" rel="noopener noreferrer" target="_blank" href="https://www.linkedin.com/in/thomas-mckyer/"><FontAwesomeIcon className="footer__socials__icon--size" icon={['fab' , 'linkedin']} /><span className="footer__socials__label">LinkedIn</span></a>
                <a className="footer__socials__icon divider" rel="noopener noreferrer" target="_blank" href="https://www.instagram.com/tmckyer/"><FontAwesomeIcon className="footer__socials__icon--size" icon={['fab' , 'instagram']} /><span className="footer__socials__label">Instagram</span></a>
                <a className="footer__socials__icon" rel="noopener noreferrer" target="_blank" href="https://github.com/tivler"><FontAwesomeIcon className="footer__socials__icon--size" icon={['fab' , 'github-square']} /><span className="footer__socials__label">Github</span></a>
            </div>

            <nav className="footer__nav">
                <div className="footer__info">
                    <a className="footer__info__icon" href="/"><FontAwesomeIcon className="footer__info__icon--size" icon={faPhoneAlt} /><span className="footer__info__label">(704) 808 8000</span></a>
                    <a className="footer__info__icon footer__info__icon--divider"rel=" noopener noreferrer" target="_blank" href="https://www.google.com/gmail/"><FontAwesomeIcon className="footer__info__icon--size" icon={faEnvelope} /><span className="footer__info__label">information@soundclout.io</span></a>
                    <a className="footer__info__icon" rel="noopener noreferrer" target="_blank" href="https://www.google.com/maps"><FontAwesomeIcon className="footer__info__icon--size" icon={faMapMarkerAlt} /><span className="footer__info__label">123 Somewhere Lit Drive, Charlotte, NC 28277</span></a>
                </div>
            </nav>

            <div className="copyright">
                <p className="copyright__text">Copyright &copy; 2019 Soundclout.io</p>
                <Link to="/contacts" className="copyright__updated">View our contacts</Link>
            </div>
        </footer>
    </>

    )
}

export default Footer;