content: import React from 'react'
  import * as S from './styled'
  import links from './content'
  import Icons from './Icons'
  
  const SocialLinks = () => (
    <S.SocialLinksWrapper>
      <S.SocialLinksList>
        {links.map((link, i) => {
          const Icon = Icons[link.label]
  
          return (
            <S.SocialLinksItem key={i}>
              <S.SocialLinksLink
                href={link.url}
                title={link.label}
                target="_blank"
                rel="noopener noreferrer"
              >
                <Icon size="3.2rem" title={link.label} />
              </S.SocialLinksLink>
            </S.SocialLinksItem>
          )
        })}
      </S.SocialLinksList>
    </S.SocialLinksWrapper>
  )
  
  export default SocialLinks
  