import { graphql , StaticQuery } from 'gatsby' ; import { FixedObject } from 'gatsby-image' ; import React from 'react' ; import { css } from '@emotion/react' ; import config from '../../website-config' ; interface SiteNavLogoProps { logo ? : { childImageSharp : { fixed : FixedObject ; } ; } ; } const SubscribeLogo = ( ) => ( < StaticQuery query = { graphql `
      query SubscribeOverlayLogo {
        logo: file(relativePath: { eq: "img/tecoble.png" }) {
          childImageSharp {
            # Specify the image processing specifications right in the query.
            # Makes it trivial to update as your page's design changes.
            fixed(quality: 100 width: 500) {
              ...GatsbyImageSharpFixed
            }
          }
        }
      }
    ` } render = { ( data ) => { if ( ! data . logo ) { return ; } return ( < img css = { SubscribeOverlayLogo } className = "subscribe-overlay-logo" src = { data . logo . childImageSharp . fixed . src } alt = { config . title } / > ) ; } } />); const SubscribeOverlayLogo = css `
  position: fixed;
  top: 23px;
  left: 30px;
  height: 30px;
` ; export default SubscribeLogo ;