{"size": 2333, "ext": "js", "max_stars_repo_path": "src/components/socialicons.js", "max_stars_repo_name": "antoniwan/arodus-2019", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/socialicons.js", "max_issues_repo_name": "antoniwan/arodus-2019", "max_issues_repo_issues_event_min_datetime": "2021-03-09T12:29:34.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-18T05:55:53.000Z", "max_forks_repo_path": "src/components/socialicons.js", "max_forks_repo_name": "antoniwan/arodus-2019", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 19.2809917355, "max_line_length": 56, "alphanum_fraction": 0.4706386627}
import React from "react"
import styled from "styled-components"
import {
  FaFacebook,
  FaTwitter,
  FaGithub,
  FaInstagram,
  FaLastfm,
  FaCodepen,
  FaLinkedin,
  FaSpotify,
} from "react-icons/fa"
import { GoMail } from "react-icons/go"

const StyledSocialIcons = styled.ul`
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;

  li {
    font-size: 3rem;
    padding: 1.5rem;
    padding-bottom: 0;
  }

  @media (min-width: 1024px) {
    width: 100%;

    li {
      font-size: 2rem;
      padding: 1.5rem;
      padding-bottom: 0;
    }
  }
`

export default function SocialIcons() {
  return (
    <StyledSocialIcons>
      <li>
        <a
          href="https://twitter.com/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaTwitter />
        </a>
      </li>
      <li>
        <a
          href="http://instagram.com/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaInstagram />
        </a>
      </li>
      <li>
        <a
          href="https://www.linkedin.com/in/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaLinkedin />
        </a>
      </li>
      <li>
        <a
          href="https://github.com/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaGithub />
        </a>
      </li>
      <li>
        <a
          href="https://codepen.io/antoniwan/#"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaCodepen />
        </a>
      </li>
      <li>
        <a
          href="https://www.facebook.com/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaFacebook />
        </a>
      </li>
      <li>
        <a
          href="http://www.last.fm/user/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaLastfm />
        </a>
      </li>
      <li>
        <a
          href="https://open.spotify.com/user/antoniwan"
          rel="noopener noreferrer"
          target="_blank"
        >
          <FaSpotify />
        </a>
      </li>
      <li>
        <a href="mailto:hello@arod.us">
          <GoMail />
        </a>
      </li>
    </StyledSocialIcons>
  )
}
