content: import React from 'react'
  import { Twitter, Github, Medium, Youtube } from './social-icons'
  
  // const CourseBanner = () => (
  //   <section id="course">
  //     <img alt="" src="https://frontend.army/react-game/logo.png" /> Working on a new course:{' '}
  //     <a href="https://frontend.army/react-game" target="_blank" rel="noopener noreferrer">
  //       Learn React while building a game!
  //     </a>
  //   </section>
  // )
  
  const Social = () => (
    <section id="social">
      <ul>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="https://twitter.com/siddharthkp"
          id="twitter"
        >
          <Twitter />
        </a>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="https://github.com/siddharthkp"
          id="github"
        >
          <Github />
        </a>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="https://medium.com/@siddharthkp"
          id="medium"
        >
          <Medium />
        </a>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="https://www.youtube.com/sid-show"
          id="youtube"
        >
          <Youtube />
        </a>
      </ul>
    </section>
  )
  
  const Header = () => (
    <div>
      <Social />
    </div>
  )
  
  export default Header
  