{"version":3,"sources":["webpack:///./src/components/PriceList.js","webpack:///./src/components/Treatments.js","webpack:///./src/templates/treatment-page.js"],"names":["PriceList","title","treatments","className","map","item","key","description","price","toFixed","toString","replace","Treatments","style","marginBottom","paddingBottom","treatment","duration","TreatmentPageTemplate","image","facial","other","hairremoval","single","backgroundImage","childImageSharp","fluid","src","backgroundPosition","color","padding","textTransform","ProductPage","frontmatter","data","markdownRemark","Layout"],"mappings":"8LAwCeA,EArCG,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,WAAV,OAChB,yBAAKC,UAAU,aACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,4BACb,wBAAIA,UAAU,6EACXF,KAIP,yBAAKE,UAAU,4BACb,yBAAKA,UAAU,WACb,2BAAOA,UAAU,sBACf,+BACE,4BACE,2CACA,wBAAIA,UAAU,QAAd,WAGJ,+BACGD,EAAWE,KAAI,SAACC,GAAD,OACd,wBAAIC,IAAKD,EAAKE,aACZ,4BAAKF,EAAKE,aACV,gCAAMF,EAAKG,MAAMC,QAAQ,GAAGC,WAAWC,QAAQ,MAAM,eCuBtDC,EA7CI,SAAC,GAAD,IAAEX,EAAF,EAAEA,MAAOC,EAAT,EAASA,WAAT,OACjB,yBAAKC,UAAU,aACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,4BACb,wBACEA,UAAU,4EACVU,MAAO,CAAEC,aAAc,EAAGC,cAAe,IAExCd,KAKP,yBAAKE,UAAU,4BACb,yBAAKA,UAAU,wBACZD,EAAWE,KAAI,SAACY,GAAD,OACd,yBAAKV,IAAKU,EAAUT,YAAaJ,UAAU,eACzC,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,kBACb,2BAAIa,EAAUf,QAEhB,yBAAKE,UAAU,gBACb,uBAAGA,UAAU,QACX,0BAAMA,UAAU,wBAAhB,WADF,IAEGa,EAAUR,MAAMC,QAAQ,GAAGC,WAAWC,QAAQ,MAAM,KAEvD,uBAAGR,UAAU,QACX,0BAAMA,UAAU,wBAAhB,UACCa,EAAUC,SAFb,QAIA,yBAAKd,UAAU,QAAQa,EAAUT,uBC1BpCW,EAAwB,SAAC,GAAD,IACnCC,EADmC,EACnCA,MACAlB,EAFmC,EAEnCA,MACAmB,EAHmC,EAGnCA,OACAC,EAJmC,EAInCA,MACAC,EALmC,EAKnCA,YACAC,EANmC,EAMnCA,OANmC,OAQnC,yBAAKpB,UAAU,WACb,yBACEA,UAAU,0CACVU,MAAO,CACLW,gBAAgB,QACZL,EAAMM,gBAAkBN,EAAMM,gBAAgBC,MAAMC,IAAMR,GAD/C,IAGfS,mBAAoB,kBAGtB,wBACEzB,UAAU,2FACVU,MAAO,CACLgB,MAAO,QACPC,QAAS,OACTC,cAAe,cAGhB9B,IAGL,6BAASE,UAAU,6BACjB,yBAAKA,UAAU,aAEb,kBAAC,EAAD,CAAYF,MAAOmB,EAAOnB,MAAOC,WAAYkB,EAAOlB,aAEpD,kBAAC,EAAD,CAAYD,MAAOoB,EAAMpB,MAAOC,WAAYmB,EAAMnB,aAElD,kBAAC,EAAD,CAAWD,MAAM,WAAWC,WAAYoB,IAExC,kBAAC,EAAD,CAAWrB,MAAM,sBAAsBC,WAAYqB,QA8C5CS,UAzBK,SAAC,GAAc,IACzBC,EADwB,EAAXC,KACQC,eAArBF,YAER,OACE,kBAACG,EAAA,EAAD,KACE,kBAAC,EAAD,CACEjB,MAAOc,EAAYd,MACnBlB,MAAOgC,EAAYhC,MACnBmB,OAAQa,EAAYb,OACpBC,MAAOY,EAAYZ,MACnBC,YAAaW,EAAYX,YACzBC,OAAQU,EAAYV","file":"component---src-templates-treatment-page-js-9e5863019234c3ba8ffe.js","sourcesContent":["import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nconst PriceList = ({ title, treatments }) => (\n  <div className=\"mx-3 mb-5\">\n    <div className=\"columns\">\n      <div className=\"column is-10 is-offset-1\">\n        <h3 className=\"has-text-weight-semibold is-size-2 mb-0 is-size-4-mobile is-size-3-tablet\">\n          {title}\n        </h3>\n      </div>\n    </div>\n    <div className=\"column is-10 is-offset-1\">\n      <div className=\"columns\">\n        <table className=\"table is-fullwidth\">\n          <thead>\n            <tr>\n              <th>Behandeling</th>\n              <th className=\"w-15\">Prijs</th>\n            </tr>\n          </thead>\n          <tbody>\n            {treatments.map((item) => (\n              <tr key={item.description}>\n                <td>{item.description}</td>\n                <td>€{item.price.toFixed(2).toString().replace('.00','')}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n);\n\nPriceList.propTypes = {\n  title: PropTypes.string,\n  treatments: PropTypes.array,\n};\n\nexport default PriceList;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nconst Treatments = ({title, treatments}) => (\n  <div className=\"mx-3 mb-5\">\n    <div className=\"columns\">\n      <div className=\"column is-10 is-offset-1\">\n        <h2\n          className=\"has-text-weight-semibold is-size-2 mb-0 is-size-4-mobile is-size-3-tablet\"\n          style={{ marginBottom: 0, paddingBottom: 0 }}\n        >\n          {title}\n        </h2>\n      </div>\n    </div>\n\n    <div className=\"column is-10 is-offset-1\">\n      <div className=\"columns is-multiline\">\n        {treatments.map((treatment) => (\n          <div key={treatment.description} className=\"column is-6\">\n            <div className=\"message h-100\">\n              <div className=\"message-header\">\n                <p>{treatment.title}</p>\n              </div>\n              <div className=\"message-body\">\n                <p className=\"my-0\">\n                  <span className=\"has-text-weight-bold\">Prijs: </span>€\n                  {treatment.price.toFixed(2).toString().replace('.00','')}\n                </p>\n                <p className=\"my-0\">\n                  <span className=\"has-text-weight-bold\">Duur: </span>\n                  {treatment.duration} min\n                </p>\n                <div className=\"mt-1\">{treatment.description}</div>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  </div>\n);\n\nTreatments.propTypes = {\n  title: PropTypes.string,\n  treatments: PropTypes.array,\n};\n\nexport default Treatments;\n","import Layout from '../components/Layout'\nimport PriceList from '../components/PriceList';\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport Treatments  from \"../components/Treatments\";\nimport { graphql } from 'gatsby'\n\nexport const TreatmentPageTemplate = ({\n  image,\n  title,\n  facial,\n  other,\n  hairremoval,\n  single,\n}) => (\n  <div className=\"content\">\n    <div\n      className=\"full-width-image-container margin-top-0\"\n      style={{\n        backgroundImage: `url(${\n          !!image.childImageSharp ? image.childImageSharp.fluid.src : image\n        })`,\n        backgroundPosition: 'center center',\n      }}\n    >\n      <h2\n        className=\"has-text-weight-bold is-size-1 is-size-3-mobile is-size-3-tablet  page-title header-home\"\n        style={{\n          color: 'white',\n          padding: '1rem',\n          textTransform: 'uppercase',\n        }}\n      >\n        {title}\n      </h2>\n    </div>\n    <section className=\"section section--gradient\">\n      <div className=\"container\">\n        {/* GEZICHTSBEHANDELINGEN */}\n        <Treatments title={facial.title} treatments={facial.treatments} />\n        {/* BEHANDELINGEN */}\n        <Treatments title={other.title} treatments={other.treatments} />\n        {/* ONTHAREN */}\n        <PriceList title='Ontharen' treatments={hairremoval} />\n        {/* LOSSE */}\n        <PriceList title='Losse Behandelingen' treatments={single} />\n      </div>\n    </section>\n  </div>\n)\n\nTreatmentPageTemplate.propTypes = {\n  image: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  title: PropTypes.string,\n  facial: PropTypes.shape({\n    title: PropTypes.string,\n    treatments: PropTypes.array,\n  }),\n  other: PropTypes.shape({\n    title: PropTypes.string,\n    treatments: PropTypes.array,\n  }),\n  hairremoval: PropTypes.array,\n  single: PropTypes.array,\n}\n\nconst ProductPage = ({ data }) => {\n  const { frontmatter } = data.markdownRemark\n\n  return (\n    <Layout>\n      <TreatmentPageTemplate\n        image={frontmatter.image}\n        title={frontmatter.title}\n        facial={frontmatter.facial}\n        other={frontmatter.other}\n        hairremoval={frontmatter.hairremoval}\n        single={frontmatter.single}\n      />\n    </Layout>\n  )\n}\n\nProductPage.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.shape({\n      frontmatter: PropTypes.object,\n    }),\n  }),\n}\n\nexport default ProductPage\n\nexport const treatmentPageQuery = graphql`\n  query TreatmentPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      frontmatter {\n        title\n        image {\n          childImageSharp {\n            fluid(maxWidth: 1920, quality: 50) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        facial {\n          title\n          treatments {\n            title\n            price\n            duration\n            description\n          }\n        }\n        other {\n          title\n          treatments {\n            title\n            price\n            duration\n            description\n          }\n        }\n        hairremoval {\n          description\n          price\n        }\n        single {\n          description\n          price\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}