text: import React from "react"
  import Layout from "../components/layout"
  import { Link } from "gatsby"
  
  export default function Template({ data }) {
    const post = data.markdownRemark
  
    return (
      <Layout>
        <Link to="/blog">Go Back</Link>
        <hr />
        <h1>{post.frontmatter.title}</h1>
        <h4>Posted by {post.frontmatter.author}</h4>
        <div dangerouslySetInnerHTML={{ __html: post.html }} />
      </Layout>
    )
  }
  
  export const postQuery = graphql`
  query BlogPostByPath($path: String!) {
      markdownRemark(frontmatter: {path: { eq: $path }}) {
          html
          frontmatter {
              path
              title
              author
              date
          }
      }
  }
  `
  