{"size": 1601, "ext": "js", "max_stars_repo_path": "src/components/Socials/index.js", "max_stars_repo_name": "michaeljdeeb/michaeljdeeb.com", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Socials/index.js", "max_issues_repo_name": "michaeljdeeb/michaeljdeeb.com", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Socials/index.js", "max_forks_repo_name": "michaeljdeeb/michaeljdeeb.com", "max_forks_repo_forks_event_min_datetime": "2021-01-17T02:57:00.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-17T02:57:00.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 40.025, "max_line_length": 94, "alphanum_fraction": 0.6177389132}
import React from 'react';
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import { faLinkedinIn, faGithub, faTwitter } from '@fortawesome/fontawesome-free-brands';

import styles from './index.module.css';

const Socials = () => (
  <div className={styles.Socials}>
    <h3>Social</h3>
    <div className={styles.row}>
      <div className={styles.item}>
        <a href="https://www.linkedin.com/in/michaeljdeeb/">
          <FontAwesomeIcon className={styles.icon} icon={faLinkedinIn} size="6x" fixedWidth />
        </a>
        <a href="https://www.linkedin.com/in/michaeljdeeb/">LinkedIn | Michael Deeb</a>
      </div>
      <div className={styles.item}>
        <a href="https://www.github.com/michaeljdeeb">
          <FontAwesomeIcon className={styles.icon} icon={faGithub} size="6x" fixedWidth />
        </a>
        <a href="https://github.com/michaeljdeeb">GitHub | @michaeljdeeb</a>
      </div>
      <div className={styles.item}>
        <a href="https://www.twitter.com/michaeljdeeb">
          <FontAwesomeIcon className={styles.icon} icon={faTwitter} size="6x" fixedWidth />
        </a>
        <a href="https://twitter.com/michaeljdeeb">Twitter | @michaeljdeeb</a>
      </div>
    </div>
    <svg width="0" height="0" style={{ position: 'absolute', zIndex: -1 }}>
      <linearGradient id="brandHover" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style={{ stopColor: '#09f', stopOpacity: 1 }} />
        <stop offset="0%" style={{ stopColor: '#2ac9fa', stopOpacity: 1 }} />
      </linearGradient>
    </svg>
  </div>
);

export default Socials;
