content: import React from 'react';
  import {IndexLink} from 'react-router';
  import classes from './Logo.scss';
  
  type Props = {
    locale: string
  }
  
  export const Logo = ({locale}: Props) => (
    <div>
      <h1 className={classes.logoHead}>
        <IndexLink to={`/${locale}/`}>
          {/*
           <svg role="img" aria-labelledby="title desc" viewBox="0 0 901 160">
           <title id="title">Suomi.fi</title>
           <desc id="desc">Beta.Suomi.fi</desc>
           <use xlinkHref="/beta.suomi.fi_logo.svg#beta_suomifi_logo" />
           </svg>
          */}
          <span style={{color: '#fff', fontSize: '70%', lineHeight: '16px'}}>
            <span style={{fontSize: '60%'}}>SUOMI.FI</span><br />
            PALVELUHALLINTA
          </span>
        </IndexLink>
      </h1>
    </div>
  );
  
  export default Logo;
  