import React from 'react';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faTwitter, faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';

const SocialMedia = () => {
  return (
    <div className="social-media">
      <h3>Connect with me on social media:</h3>
      <a
        href="https://twitter.com/much_wow_1"
        target="_blank"
        rel="noopener noreferrer"
        className="social-media-icon"
      >
       <FontAwesomeIcon icon={faTwitter} />
      </a>
      <a
        href="https://linkedin.com/in/jerrythejsguy"
        target="_blank"
        rel="noopener noreferrer"
        className="social-media-icon"
      >
        <FontAwesomeIcon icon={faLinkedin} />
      </a>
      <a
        href="https://github.com/J3rry320"
        target="_blank"
        rel="noopener noreferrer"
        className="social-media-icon"
      >
        <FontAwesomeIcon icon={faGithub} />
      </a>
    </div>
  );
};

export default SocialMedia;