{"size": 1390, "ext": "js", "max_stars_repo_path": "src/components/footer.js", "max_stars_repo_name": "Stillonov/the-words", "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": "Stillonov/the-words", "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": "Stillonov/the-words", "max_forks_repo_forks_event_min_datetime": "2020-03-18T14:40:32.000Z", "max_forks_repo_forks_event_max_datetime": "2020-03-18T14:40:32.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 28.9583333333, "max_line_length": 73, "alphanum_fraction": 0.5028776978}
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'gatsby';

import Container from './container';
import AppLinks from './appLinks';
import styles from './footer.module.scss';
import LogoUnionSvg from '../images/logo-union.inline.svg';

const Footer = ({ appLinks, footerLogoLink }) => (
    <footer className={styles.root}>
        <Container className={styles.container}>
            <AppLinks appLinks={appLinks} className="d-none d-md-flex" />

            <nav className={styles.nav}>
                <ul>
                    <li className={styles.navItem}>
                        <Link className={styles.navLink} to="/privacy">
                            Privacy Policy
                        </Link>
                    </li>
                    <li className={styles.navItem}>
                        <Link className={styles.navLink} to="/copyright">
                            Copyright Policy
                        </Link>
                    </li>
                </ul>
            </nav>

            {footerLogoLink && (
                <a className={styles.logo} href={footerLogoLink}>
                    <LogoUnionSvg />
                </a>
            )}
        </Container>
    </footer>
);

Footer.propTypes = {
    footerLogoLink: PropTypes.string,
};

Footer.defaultProps = {
    footerLogoLink: '',
};

export default Footer;
