text: import React from "react";
  
  export default ({ data }) => {
    const post = data.markdownRemark;
    return (
      <div>
        <h1 style={{color: 'rgb(91, 107, 116)', fontSize: '1.6em'}}>{post.frontmatter.title}</h1>
        <h4 style={{color: 'rgb(165, 164, 164)'}}>{post.frontmatter.author} <span style={{fontSize: '0.8em'}}> -{post.frontmatter.date}</span></h4>
        <div dangerouslySetInnerHTML = {{ __html: post.html }}/>
      </div>
    );
  };
  
  export const query = graphql`
    query PostQuery($slug: String!) {
      markdownRemark(fields: { slug: { eq: $slug } }) {
        html
        frontmatter {
          title
          author
          date
        }
      }
    }
  `;
  