import React from 'react';

import Icon from '../../visuals/Icon';
import FacebookIcon from '../../visuals/Icon/svg/d_facebook_round.svg';
import TwitterIcon from '../../visuals/Icon/svg/d_twitter_round.svg';
import LinkedInIcon from '../../visuals/Icon/svg/d_linkedIn_round.svg';
import Link from '../../controls/Link/Link';

const SocialIcons = () => (
  <div className="Footer-social">
    <Link to="https://www.linkedin.com/company/3199137" title="LinkedIn">
      <Icon icon={LinkedInIcon} />
    </Link>
    <Link to="https://twitter.com/doodletweet" title="Twitter">
      <Icon icon={TwitterIcon} />
    </Link>
    <Link to="https://facebook.com/DoodleAG" title="Facebook">
      <Icon icon={FacebookIcon} />
    </Link>
  </div>
);

export default SocialIcons;