{"size": 691, "ext": "js", "max_stars_repo_path": "src/templates/bio.js", "max_stars_repo_name": "KLRU/gatsby_decibel_klru", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/templates/bio.js", "max_issues_repo_name": "KLRU/gatsby_decibel_klru", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/templates/bio.js", "max_forks_repo_name": "KLRU/gatsby_decibel_klru", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.1842105263, "max_line_length": 55, "alphanum_fraction": 0.490593343}
import React from 'react'
import { graphql } from 'gatsby'
import {Link} from 'gatsby'

const BioTemplate  = ({data}) =>{
  const{
    bioName,
    bioImage,
    slug,
  }=data.contentfulBiographyElement
  return(
    <div>
      <h1>{bioName}</h1>
      <img src={bioImage.fluid.src}/>
    </div>
  )
}

// export const query = graphql`
//   query ($slug: String!){
//     contentfulBiographyElement(slug: { eq: $slug }){
//       id
//       bioName
//       slug
//       bioImage{
//         fluid{
//           src
//         }
//       }
//       bioText{
//         childMarkdownRemark{
//              html
//            }
//       }
//     }
//   }
// `
//export default BioTemplate