{"version":3,"file":"component---src-templates-news-template-js-57077321892c7cf06193.js","mappings":"2PAkDA,MArCaA,IAAe,IAAd,KAAEC,GAAMD,EACpB,MACEE,YAAY,UAAEC,EAAS,SAAEC,EAAQ,UAAEC,EAAS,mBAAEC,IAC5CL,EAEJ,OACEM,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,OAAKC,UChBc,4CDiBjBD,EAAAA,cAAA,OAAKC,UCpBW,2CDqBdD,EAAAA,cAAA,UAAI,QACJA,EAAAA,cAAA,SAAG,oCAGLA,EAAAA,cAAA,UAAKJ,GACLI,EAAAA,cAAA,OAAKC,UCzBiB,kDD0BnBF,EAAmBG,OAAS,EAC3BF,EAAAA,cAACG,EAAAA,EAAa,CACZC,WAAU,CAAGN,GAASO,QAAAC,EAAAA,EAAAA,GAAKP,IAC3BQ,UAAWX,IAGbI,EAAAA,cAACQ,EAAAA,EAAW,CACVC,MAAOX,EAAUY,gBAAgBC,gBACjCC,IAAKhB,EACLiB,SAAU,CAAEC,UAAW,SACvBC,MAAO,CAAEC,OAAQ,OAAQC,UAAW,YAI1CjB,EAAAA,cAAA,OAAKC,UCvCS,yCDwCZD,EAAAA,cAACkB,IAAa,CAACC,OAAQtB,MAG1B,C","sources":["webpack://pannal-village-hall-website/./src/templates/news-template.js","webpack://pannal-village-hall-website/./src/css/newstemplate.module.css"],"sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport ReactMarkdown from \"react-markdown\";\nimport ImageCarousel from \"../utils/ImageCarousel\";\n\nimport {\n  newsText,\n  newsImageWrapper,\n  newsHeader,\n  newsWrapper,\n} from \"../css/newstemplate.module.css\";\n\nconst Post = ({ data }) => {\n  const {\n    strapiBlog: { blogTitle, blogText, mainImage, blogOtherImageFile },\n  } = data;\n\n  return (\n    <>\n      <div className={newsWrapper}>\n        <div className={newsHeader}>\n          <h1>News</h1>\n          <p>Latest from Pannal Village Hall</p>\n        </div>\n\n        <h2>{blogTitle}</h2>\n        <div className={newsImageWrapper}>\n          {blogOtherImageFile.length > 0 ? (\n            <ImageCarousel\n              roomImages={[mainImage, ...blogOtherImageFile]}\n              RoomTitle={blogTitle}\n            />\n          ) : (\n            <GatsbyImage\n              image={mainImage.childImageSharp.gatsbyImageData}\n              alt={blogTitle}\n              imgStyle={{ objectFit: \"cover\" }}\n              style={{ height: \"100%\", maxHeight: \"539px\" }}\n            />\n          )}\n        </div>\n        <div className={newsText}>\n          <ReactMarkdown source={blogText} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Post;\n\nexport const query = graphql`\n  query post($slug: String!) {\n    strapiBlog(slug: { eq: $slug }) {\n      id\n      slug\n      blogTitle\n      blogText\n      mainImage {\n        childImageSharp {\n          gatsbyImageData(placeholder: BLURRED, layout: FULL_WIDTH)\n        }\n      }\n      blogOtherImageFile {\n        childImageSharp {\n          gatsbyImageData(placeholder: BLURRED, layout: FULL_WIDTH)\n        }\n      }\n    }\n  }\n`;\n","// extracted by mini-css-extract-plugin\nexport var newsHeader = \"newstemplate-module--news-header--JwYKg\";\nexport var newsImageWrapper = \"newstemplate-module--news-image-wrapper--C8rlw\";\nexport var newsText = \"newstemplate-module--news-text--qG8HA\";\nexport var newsWrapper = \"newstemplate-module--news-wrapper--viLlx\";"],"names":["_ref","data","strapiBlog","blogTitle","blogText","mainImage","blogOtherImageFile","React","className","length","ImageCarousel","roomImages","concat","_toConsumableArray","RoomTitle","GatsbyImage","image","childImageSharp","gatsbyImageData","alt","imgStyle","objectFit","style","height","maxHeight","ReactMarkdown","source"],"sourceRoot":""}