import React from 'react';
import fbImage from 'images/icons/Facebook-Icon.svg';
import ghImage from 'images/icons/GitHub-Icon.svg';
import twtImage from 'images/icons/Twitter-Icon.svg';
import liImage from 'images/icons/LinkedIn-Icon.svg';
import pinImage from 'images/icons/Pinterest-Icon.svg';
import SocialMediaContainer from './socialMediaContainer/socialMediaContainer';
import SocialMediaItem from './socialMediaItem/socialMediaItem';

const SocialMedia = () => (
  <SocialMediaContainer>
    <SocialMediaItem
      smImage={fbImage}
      smText="Facebook"
      link="https://facebook.com/operationcode.org"
    />
    <SocialMediaItem
      smImage={ghImage}
      smText="Github"
      link="https://github.com/operationcode"
    />
    <SocialMediaItem
      smImage={twtImage}
      smText="Twitter"
      link="https://twitter.com/operation_code"
    />
    <SocialMediaItem
      smImage={liImage}
      smText="LinkedIn"
      link="https://www.linkedin.com/groups/13400924"
    />
    <SocialMediaItem
      smImage={pinImage}
      smText="Pinterest"
      link="https://www.pinterest.com/operationcode/"
    />
  </SocialMediaContainer>
);

export default SocialMedia;
