{"version":3,"sources":["webpack:///./src/components/ServicesContent/styles.ts","webpack:///./src/components/ServicesContent/index.tsx","webpack:///./src/templates/services.tsx"],"names":["Wrapper","styled","Container","Article","article","FeatureImage","figure","Header","div","Title","h2","theme","colors","text","primary","Content","section","ServicesContent","title","description","image","Row","noGutters","Col","src","alt","dangerouslySetInnerHTML","__html","servicesQuery","Services","data","location","page","pageContext","ghostPage","Meta","type","Helmet","codeinjection_styles","Layout","html","feature_image"],"mappings":"kgCAGO,IAAMA,EAAUC,YAAOC,IAAPD,CAAH,KAIPE,EAAUF,IAAOG,QAAV,KAEPC,EAAeJ,IAAOK,OAAV,KAOZC,EAASN,IAAOO,IAAV,KAKNC,EAAQR,IAAOS,GAAV,KAEP,qBAAGC,MAAkBC,OAAOC,KAAKC,WAK/BC,EAAUd,IAAOe,QAAV,KACT,qBAAGL,MAAkBC,OAAOC,KAAKC,WCoB7BG,EA/BS,SAAC,GAIa,IAHpCC,EAGoC,EAHpCA,MACAC,EAEoC,EAFpCA,YACAC,EACoC,EADpCA,MAEA,OACE,kBAACpB,EAAD,KACE,kBAACqB,EAAA,EAAD,CAAKC,WAAS,GACZ,kBAACC,EAAA,EAAD,KACE,kBAACpB,EAAD,KACE,kBAACI,EAAD,KACGa,GACC,kBAACf,EAAD,KACE,yBAAKmB,IAAKJ,EAAOK,IAAKP,KAG1B,kBAACT,EAAD,KAAQS,IAEV,iCAEE,kBAACH,EAAD,CACEW,wBAAyB,CAAEC,OAAQR,WCUtCS,GAFEC,UAvBE,SAAC,GAIiB,IAHjCC,EAGiC,EAHjCA,KACAC,EAEiC,EAFjCA,SAGMC,GAD2B,EADjCC,YAEaH,EAAKI,WAClB,OACE,oCACE,kBAACC,EAAA,EAAD,CAAUL,KAAMA,EAAMC,SAAUA,EAAUK,KAAK,YAC/C,kBAACC,EAAA,EAAD,KACE,2BAAOD,KAAK,YAAZ,GAA2BJ,EAAKM,uBAElC,kBAACC,EAAA,EAAD,KACE,kBAAC,EAAD,CACErB,MAAOc,EAAKd,MACZC,YAAaa,EAAKQ,KAClBpB,MAAOY,EAAKS,mBASO","file":"component---src-templates-services-tsx-ef83238bd608df4afd07.js","sourcesContent":["import styled from '@emotion/styled';\nimport Container from 'react-bootstrap/Container';\n\nexport const Wrapper = styled(Container)`\n  margin-bottom: 2rem;\n`;\n\nexport const Article = styled.article``;\n\nexport const FeatureImage = styled.figure`\n  img {\n    width: 150px;\n    height: auto;\n  }\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\nexport const Title = styled.h2`\n  margin-top: -3rem;\n  color: ${({ theme }) => theme.colors.text.primary};\n  font-weight: bold;\n  font-size: 28px;\n`;\n\nexport const Content = styled.section`\n  color: ${({ theme }) => theme.colors.text.primary};\n  font-size: 18px;\n  img {\n    max-width: 100%;\n    padding: 1rem;\n    height: auto;\n  }\n  margin-bottom: 8rem;\n`;\n","import React, { ReactElement } from 'react';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport {\n  Wrapper,\n  Article,\n  FeatureImage,\n  Header,\n  Title,\n  Content,\n} from './styles';\n\ninterface IServicesContent {\n  title: string;\n  description: string;\n  image: string;\n}\n\nconst ServicesContent = ({\n  title,\n  description,\n  image,\n}: IServicesContent): ReactElement => {\n  return (\n    <Wrapper>\n      <Row noGutters>\n        <Col>\n          <Article>\n            <Header>\n              {image && (\n                <FeatureImage>\n                  <img src={image} alt={title} />\n                </FeatureImage>\n              )}\n              <Title>{title}</Title>\n            </Header>\n            <section>\n              {/* The main post content */}\n              <Content\n                dangerouslySetInnerHTML={{ __html: description }}\n              />\n            </section>\n          </Article>\n        </Col>\n      </Row>\n    </Wrapper>\n  );\n};\n\nexport default ServicesContent;\n","import React, { ReactElement } from 'react';\nimport { graphql } from 'gatsby';\nimport { Helmet } from 'react-helmet';\nimport Layout from 'src/components/common/Layout';\nimport { MetaData } from 'src/components/common/Meta';\nimport ServicesContent from 'src/components/ServicesContent';\n\ninterface IServicesPage {\n  location: {\n    pathname: string;\n  };\n  data: {\n    ghostPage: {\n      codeinjection_styles: {};\n      title: string;\n      html: string;\n      feature_image: string;\n    };\n  };\n  pageContext: {\n    slug: string;\n  };\n}\n\nconst Services = ({\n  data,\n  location,\n  pageContext,\n}: IServicesPage): ReactElement => {\n  const page = data.ghostPage;\n  return (\n    <>\n      <MetaData data={data} location={location} type=\"article\" />\n      <Helmet>\n        <style type=\"text/css\">{`${page.codeinjection_styles}`}</style>\n      </Helmet>\n      <Layout>\n        <ServicesContent\n          title={page.title}\n          description={page.html}\n          image={page.feature_image}\n        />\n      </Layout>\n    </>\n  );\n};\n\nexport default Services;\n\nexport const servicesQuery = graphql`\n  query ServicesQuery($slug: String!) {\n    ghostPage(slug: { eq: $slug }) {\n      ...GhostPageFields\n    }\n  }\n`;\n"],"sourceRoot":""}