export default () => (
  <div className="socials">
    <a href="https://twitter.com/romuloalves" title="Twitter">
      <img src="/static/images/twitter.svg" alt="Twitter" width="25" height="25" />
    </a>
    <a href="https://github.com/romuloalves" title="GitHub">
      <img src="/static/images/github.svg" alt="GitHub" width="25" height="25" />
    </a>
    <a href="https://keybase.io/romuloalves" title="Keybase">
      <img src="/static/images/keybase.svg" alt="Keybase" width="25" height="25" />
    </a>

    <style jsx>{`
      .socials {
        overflow: auto;
        text-align: center;
      }
      .socials a {
        margin: 0 10px;
      }
    `}</style>
  </div>
);