text: import React from "react";
  import { graphql, StaticQuery } from "gatsby";
  import styled from "styled-components";
  
  const SiteInfoWrapper = styled.div`
    flex-grow: 1;
    color: white;
  `
  
  const SiteTitle = styled.div`
    font-weight: bold;
  `
  
  const SiteInfo = () => (
    <div>
      <StaticQuery query={graphql`
        {
          allWordpressSiteMetadata {
            edges {
              node {
                name
                description
              }
            }
          }
        }
      `} render={props => (
        <SiteInfoWrapper>
          <SiteTitle>
            {props.allWordpressSiteMetadata.edges[0].node.name}
          </SiteTitle>
          <div>
            {props.allWordpressSiteMetadata.edges[0].node.description}
          </div>
        </SiteInfoWrapper>
      )} />
    </div>
  );
  
  export default SiteInfo;