{"size": 1080, "ext": "js", "max_stars_repo_path": "src/components/blogger-info-social-icons.js", "max_stars_repo_name": "mcdaley/blooger-bootstrap", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/blogger-info-social-icons.js", "max_issues_repo_name": "mcdaley/blooger-bootstrap", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/blogger-info-social-icons.js", "max_forks_repo_name": "mcdaley/blooger-bootstrap", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 36.0, "max_line_length": 79, "alphanum_fraction": 0.4777777778}
//-----------------------------------------------------------------------------
// src/components/blogger-info-social-icons.js
//-----------------------------------------------------------------------------
import React      from 'react'
import { Link }   from 'gatsby'

/**
 * Add github, linkedin, and email icons for the blogger in the sidebar
 */
export default function BloggerInfoSocialIcons() {
  return (
    <div className="blogger-social-icons">
      <a  href      = "https://github.com/mcdaley" 
          className = "social-icon github-icon" 
          target    = "_blank" 
          rel       = "noopener noreferrer">          
        <i className="fab fa-github fa-2x"></i>
      </a>
      <a  href      = "https://linkedin.com/in/mcdaley" 
          className = "social-icon linkedin-icon" 
          target    = "_blank" 
          rel       = "noopener noreferrer">
        <i className="fab fa-linkedin fa-2x"></i>
      </a>
      <Link to="/contact" className="social-icon">
        <i className="far fa-envelope fa-2x"></i>
      </Link>
    </div>
  )
}