logo.js

import React from 'react'
import styled from 'styled-components'
import { Link } from 'gatsby'
import { localeLink } from '../../utils/localeLink'

import signature from '../../images/signature.svg'

const Logo = styled.img`
  display: inline-block;
  margin: 0;
  margin-right: 1rem;
  padding: 0;
  width: 60px;
  cursor: pointer;
`

export default ({ location }) => {
  return (
    <Link to={localeLink(location, '/')}>
      <Logo src={signature} />
    </Link>
  )
}