/** @jsx jsx */ import { graphql, useStaticQuery } from "gatsby"; import { jsx } from "theme-ui"; import Link from "../Link"; import LogoComponent from "../Logo"; import ScreenReader from "../ScreenReader"; const Title = LogoComponent ? ScreenReader : "span"; const logo = LogoComponent && ( ); function Branding() { const { site } = useStaticQuery(graphql` query { site { siteMetadata { title } } } `); return (

{logo} {site.siteMetadata.title}

); } export default Branding;