{"version":3,"sources":["webpack:///./src/components/SliceZone/index.js","webpack:///./src/templates/page.js"],"names":["Section","styled","div","rem","breakpoint","SliceZone","slices","map","slice","index","key","Container","props","theme","grid","maxWidthText","query","App","page","data","prismic","title","RichText","asText","seo_meta_title","description","seo_description","heading","image","featured_imageSharp","pageTitle","body"],"mappings":"4FAAA,yEASMA,EAAUC,UAAOC,IAAV,yEAAGD,CAAH,4EACME,YAAI,IAEnBC,YAAW,SACMD,YAAI,KAwBVE,IAhBf,YAAgC,IAAXC,EAAU,EAAVA,OACnB,OACEA,GACAA,EAAOC,KAAI,SAACC,EAAOC,GAAR,OAET,kBAACT,EAAD,CAASU,IAAKD,GACZ,kBAAC,IAAD,CAAOD,MAAOA,U,kCC3BtB,kLAeMG,EAAYV,UAAOC,IAAV,kEAAGD,CAAH,yDACA,SAACW,GAAD,OAAWA,EAAMC,MAAMC,KAAKC,eAC/BZ,YAAI,IACIA,YAAI,KAwCjB,IAAMa,EAAK,s1CA4DHC,UAjGf,YAAwB,IACdC,EADa,EAARC,KACSC,QAAdF,KAIR,OAAKA,EAKH,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEG,MAAOC,WAASC,OAAOL,EAAKM,gBAAkBN,EAAKG,OACnDI,YAAaP,EAAKQ,kBAGpB,kBAAC,IAAD,CACEC,QAASL,WAASC,OAAOL,EAAKG,OAC9BO,MAAOV,EAAKW,oBACZC,WAAS,IAGX,kBAACnB,EAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAWL,OAAQY,EAAKa,WAnBzB","file":"component---src-templates-page-js-c261c28cad6e66714cc9.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { rem } from 'polished';\n\nimport { breakpoint } from '../../theme';\n\nimport Slice from '../Slice';\n\nconst Section = styled.div`\n  margin-bottom: ${rem(35)};\n\n  ${breakpoint('large')} {\n    margin-bottom: ${rem(50)};\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`;\n\nfunction SliceZone({ slices }) {\n  return (\n    slices &&\n    slices.map((slice, index) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <Section key={index}>\n        <Slice slice={slice} />\n      </Section>\n    ))\n  );\n}\n\nSliceZone.propTypes = {\n  slices: PropTypes.arrayOf(PropTypes.object),\n};\n\nexport default SliceZone;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport styled from 'styled-components';\nimport { rem } from 'polished';\n\nimport { RichText } from 'prismic-reactjs';\n\nimport SEO from '../components/SEO';\nimport Layout from '../components/Layout';\nimport Hero from '../components/Hero';\nimport Row from '../components/Row';\nimport Col from '../components/Col';\nimport SliceZone from '../components/SliceZone';\n\nconst Container = styled.div`\n  max-width: ${(props) => props.theme.grid.maxWidthText};\n  margin: ${rem(50)} auto 0;\n  padding-bottom: ${rem(80)};\n`;\n\nfunction App({ data }) {\n  const { page } = data.prismic;\n\n  // console.log(data);\n\n  if (!page) {\n    return null;\n  }\n\n  return (\n    <Layout>\n      <SEO\n        title={RichText.asText(page.seo_meta_title || page.title)}\n        description={page.seo_description}\n      />\n\n      <Hero\n        heading={RichText.asText(page.title)}\n        image={page.featured_imageSharp}\n        pageTitle\n      />\n\n      <Container>\n        <Row>\n          <Col>\n            <SliceZone slices={page.body} />\n          </Col>\n        </Row>\n      </Container>\n    </Layout>\n  );\n}\n\nApp.propTypes = {\n  data: PropTypes.objectOf(PropTypes.object).isRequired,\n};\n\nexport const query = graphql`\n  query($uid: String!) {\n    prismic {\n      page(lang: \"en-gb\", uid: $uid) {\n        _meta {\n          uid\n        }\n        title\n        body {\n          ... on PRISMIC_PageBodyCode_block {\n            type\n            label\n            primary {\n              codeBlock\n            }\n          }\n          ... on PRISMIC_PageBodyQuote {\n            type\n            label\n            primary {\n              quote\n            }\n          }\n          ... on PRISMIC_PageBodyText {\n            type\n            label\n            primary {\n              text\n            }\n          }\n          ... on PRISMIC_PageBodyImage {\n            type\n            label\n            primary {\n              image\n              imageSharp {\n                childImageSharp {\n                  fluid(maxWidth: 1200, quality: 75) {\n                    ...GatsbyImageSharpFluid_withWebp\n                  }\n                }\n              }\n            }\n          }\n        }\n        seo_description\n        seo_meta_title\n        featured_image\n        featured_imageSharp {\n          childImageSharp {\n            fluid(maxWidth: 1600, quality: 75) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default App;\n"],"sourceRoot":""}