{"version":3,"file":"component---src-templates-blog-post-js-6f52c6d15b71e53f781a.js","mappings":"+RAUMA,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAwDH,OAxDGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJC,OAAA,WAAU,IAAD,gBACDC,EAAOC,GAAAA,CAAIC,KAAKC,MAAO,2BACvBC,EAAWH,GAAAA,CAAIC,KAAKC,MAAO,iBAC3BE,EAAOJ,GAAAA,CAAIC,KAAKC,MAAO,aAE7B,OACE,gBAAC,IAAD,CAAQG,SAAUJ,KAAKC,MAAMG,UAC3B,gBAAC,IAAD,CACEC,MAAOP,EAAKO,MACZC,YAAaR,EAAKQ,YAAYC,oBAAoBC,QAClDC,MAAK,QAAUX,EAAKY,UAAUC,OAAOC,MAEvC,gBAAC,IAAD,CACEH,MAAK,UAAEX,EAAKY,iBAAP,aAAE,EAAgBG,gBACvBR,MAAOP,EAAKO,MACZS,QAAO,UAAEhB,EAAKQ,mBAAP,iBAAE,EAAkBC,2BAApB,aAAE,EAAuCC,UAElD,uBAAKO,UCvBU,sCDwBb,wBAAMA,UC5BE,iCD4BR,UACGjB,EAAKkB,cADR,aACG,EAAaC,KADhB,KAC+B,IAC7B,wBAAMC,SAAUpB,EAAKqB,SAAUrB,EAAKsB,aAFtC,KAE4D,IAF5D,UAGGtB,EAAKuB,YAHR,iBAGG,EAAWd,2BAHd,aAGG,EAAgCe,WAHnC,gBAKA,uBAAKP,UChCM,oCDiCT,uBACEA,UCjCI,gCDkCJQ,wBAAyB,CACvBC,OAAM,UAAE1B,EAAKuB,YAAP,iBAAE,EAAWd,2BAAb,aAAE,EAAgCkB,QAG5C,gBAAC,IAAD,CAAMC,KAAM5B,EAAK4B,QACfxB,GAAYC,IACZ,2BACE,sBAAIY,UCxCW,8CDyCZb,GACC,0BACE,gBAAC,KAAD,CAAMyB,GAAE,SAAWzB,EAAS0B,KAAQC,IAAI,QAAxC,KACK3B,EAASG,QAIjBF,GACC,0BACE,gBAAC,KAAD,CAAMwB,GAAE,SAAWxB,EAAKyB,KAAQC,IAAI,QACjC1B,EAAKE,MADR,aAYnB,EAxDGT,CAAyBkC,EAAAA,WA2D/B","sources":["webpack://contentful-starter-gatsby-blog/./src/templates/blog-post.js","webpack://contentful-starter-gatsby-blog/./src/templates/blog-post.module.css"],"sourcesContent":["import React from 'react'\nimport { Link, graphql } from 'gatsby'\nimport get from 'lodash/get'\n\nimport Seo from '../components/seo'\nimport Layout from '../components/layout'\nimport Hero from '../components/hero'\nimport Tags from '../components/tags'\nimport * as styles from './blog-post.module.css'\n\nclass BlogPostTemplate extends React.Component {\n  render() {\n    const post = get(this.props, 'data.contentfulBlogPost')\n    const previous = get(this.props, 'data.previous')\n    const next = get(this.props, 'data.next')\n\n    return (\n      <Layout location={this.props.location}>\n        <Seo\n          title={post.title}\n          description={post.description.childMarkdownRemark.excerpt}\n          image={`http:${post.heroImage.resize.src}`}\n        />\n        <Hero\n          image={post.heroImage?.gatsbyImageData}\n          title={post.title}\n          content={post.description?.childMarkdownRemark?.excerpt}\n        />\n        <div className={styles.container}>\n          <span className={styles.meta}>\n            {post.author?.name} &middot;{' '}\n            <time dateTime={post.rawDate}>{post.publishDate}</time> –{' '}\n            {post.body?.childMarkdownRemark?.timeToRead} minute read\n          </span>\n          <div className={styles.article}>\n            <div\n              className={styles.body}\n              dangerouslySetInnerHTML={{\n                __html: post.body?.childMarkdownRemark?.html,\n              }}\n            />\n            <Tags tags={post.tags} />\n            {(previous || next) && (\n              <nav>\n                <ul className={styles.articleNavigation}>\n                  {previous && (\n                    <li>\n                      <Link to={`/blog/${previous.slug}`} rel=\"prev\">\n                        ← {previous.title}\n                      </Link>\n                    </li>\n                  )}\n                  {next && (\n                    <li>\n                      <Link to={`/blog/${next.slug}`} rel=\"next\">\n                        {next.title} →\n                      </Link>\n                    </li>\n                  )}\n                </ul>\n              </nav>\n            )}\n          </div>\n        </div>\n      </Layout>\n    )\n  }\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug(\n    $slug: String!\n    $previousPostSlug: String\n    $nextPostSlug: String\n  ) {\n    contentfulBlogPost(slug: { eq: $slug }) {\n      slug\n      title\n      author {\n        name\n      }\n      publishDate(formatString: \"MMMM Do, YYYY\")\n      rawDate: publishDate\n      heroImage {\n        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, width: 1280)\n        resize(height: 630, width: 1200) {\n          src\n        }\n      }\n      body {\n        childMarkdownRemark {\n          html\n          timeToRead\n        }\n      }\n      tags\n      description {\n        childMarkdownRemark {\n          excerpt\n        }\n      }\n    }\n    previous: contentfulBlogPost(slug: { eq: $previousPostSlug }) {\n      slug\n      title\n    }\n    next: contentfulBlogPost(slug: { eq: $nextPostSlug }) {\n      slug\n      title\n    }\n  }\n`\n","// extracted by mini-css-extract-plugin\nexport var meta = \"blog-post-module--meta--sQxBo\";\nexport var article = \"blog-post-module--article--37Yl2\";\nexport var body = \"blog-post-module--body--3E0oY\";\nexport var articleNavigation = \"blog-post-module--articleNavigation--196l1\";\nexport var container = \"blog-post-module--container--3ptyV\";"],"names":["BlogPostTemplate","render","post","get","this","props","previous","next","location","title","description","childMarkdownRemark","excerpt","image","heroImage","resize","src","gatsbyImageData","content","className","author","name","dateTime","rawDate","publishDate","body","timeToRead","dangerouslySetInnerHTML","__html","html","tags","to","slug","rel","React"],"sourceRoot":""}