import { graphql, useStaticQuery } from 'gatsby'
import { useTranslation } from 'react-i18next'

// import { NavQueryQuery } from '@{{organization}}/shared-lib/graphql-types'

// import useVersion from "./useVersion"

export default () => {
  // useVersion()
  const { t } = useTranslation()
  const data = useStaticQuery(graphql`
    query NavQuery {
      file(relativePath: { eq: "icon.png" }) {
        childImageSharp {
          # Specify the image processing specifications right in the query.
          # Makes it trivial to update as your page's design changes.
          fixed(width: 58, height: 38) {
            ...GatsbyImageSharpFixed
          }
        }
      }
    }
  `)

  return {
    menus: [],
    file: data.file,
    signInButtonLabel: t('auth.signInButtonLabel'),
    signOutButtonLabel: t('auth.signOutButtonLabel'),
  }
}