text: import React from "react"
  import { graphql, StaticQuery } from "gatsby"
  
  import Layout from "../components/layout"
  import SEO from "../components/seo"
  import PostCard from "../components/postCard"
  
  import "../utils/normalize.css"
  import "../utils/css/screen.css"
  
  const BlogPage = ({ data }, location) => {
    const siteTitle = data.site.siteMetadata.title
    return (
      <Layout title={siteTitle}>
      <SEO
      title="All posts"
      keywords={[`blog`, `gatsby`, `javascript`, `react`, `skincare`, `quiz`, `skin`]}
      />
      <h2>
      Blog
      </h2>
      </Layout>
    )
  }
  
  const indexQuery = graphql`
    query {
      site {
        siteMetadata {
          title
        }
      }
      benchAccounting: file(
        relativePath: { eq: "bench-accounting-49909-unsplash.jpg" }
      ) {
        childImageSharp {
          fluid(maxWidth: 1360) {
            ...GatsbyImageSharpFluid
          }
        }
      }
    }
  `
  
  export default props => (
    <StaticQuery
    query={indexQuery}
    render={data => (
      <BlogPage location={props.location} props data={data} {...props} />
    )}
    />
  )
  