text: import React from "react"
  import { useStaticQuery, graphql } from "gatsby"
  import Img from "gatsby-image"
  
  const TapjoyLogo = () => {
    const data = useStaticQuery(graphql`
      query {
        mobile: file(relativePath: { eq: "tapjoy_logo.png" }) {
          childImageSharp {
            fluid(maxWidth: 100, quality: 100) {
              ...GatsbyImageSharpFluid
            }
          }
        }
        desktop: file(relativePath: { eq: "tapjoy_logo.png" }) {
          childImageSharp {
            fluid(maxWidth: 200, quality: 100) {
              ...GatsbyImageSharpFluid
            }
          }
        }
      }
    `)
  
    const sources = [
      data.mobile.childImageSharp.fluid,
      {
        ...data.desktop.childImageSharp.fluid,
        media: `(min-width: 768px)`,
      },
    ]
  
    return <Img alt="Tapjoy logo" fluid={sources} />
  }
  
  export default TapjoyLogo
  