import styled , { css } from 'reshadow' ; import { IconOrImage } from '../IconOrImage' ; const styles = css `
  logo {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 16px;
    width: 250px;
    cursor: pointer;
  }

  IconOrImage {
    height: 34px;
    width: 154px;
    margin-bottom: 2px;
  }
` ; interface Props { title : string ; onClick ? : ( ) => void ; } export const AppLogo = function AppLogo ( { title , onClick } ) { return styled ( styles ) ( < logo as = "div" title = { title } onClick = { onClick } > < IconOrImage icon = "/icons/logo.svg" / > < /logo>); } ;