import React from 'react';
import PropTypes from 'prop-types';

import Icon from './Icon';

export default function Footer(props) {

    return (
        <div id="footer">
            <div id="footer-right">         &middot;
        <a href="/help/contacts" rel="nofollow">Contacts</a> &middot;
        <a href="/help/tos" rel="nofollow">TOS</a>
            </div>
            <div id="footer-social">
                <a href="https://twitter.com/Juick" rel="nofollow"><Icon name="ei-sc-twitter" size="m" /></a>
                <a href="https://vk.com/juick" rel="nofollow"><Icon name="ei-sc-vk" size="m" /></a>
                <a href="https://www.facebook.com/JuickCom" rel="nofollow"><Icon name="ei-sc-facebook" size="m" /></a>
            </div>
            <div id="footer-left">juick.com &copy; 2008-2018
            </div>
            {
                props.links &&
                <div>Sponsors: {props.links}</div>
            }
        </div>
    );
}

Footer.propTypes = {
    links: PropTypes.string
};