text: import React from "react"
  import { useStaticQuery, graphql } from "gatsby"
  import Image from "gatsby-image"
  
  import { rhythm } from "../utils/typography"
  
  const BlogPostFooter = () => {
    // const data = useStaticQuery(graphql`
    //   query BioQuery {
    //     avatar: file(absolutePath: { regex: "/profile-pic.jpg/" }) {
    //       childImageSharp {
    //         fixed(width: 50, height: 50) {
    //           ...GatsbyImageSharpFixed
    //         }
    //       }
    //     }
    //     site {
    //       siteMetadata {
    //         author
    //         social {
    //           twitter
    //         }
    //       }
    //     }
    //   }
    // `)
  
    // const { author, social } = data.site.siteMetadata
    return (
      <div
        style={{
          display: `flex`,
          marginBottom: rhythm(2.5),
        }}
      >
        <p>
          Written by <strong>Md Abu Zafar</strong>
        </p>
      </div>
    )
  }
  
  export default BlogPostFooter
  