{"version":3,"sources":["webpack:///./src/components/atomic-design/atoms/page-section/styles.js","webpack:///./src/components/atomic-design/atoms/page-section/index.js","webpack:///./src/components/atomic-design/atoms/page-header/styles.js","webpack:///./src/components/atomic-design/atoms/page-header/index.js","webpack:///./src/components/atomic-design/molecules/accordion/accordion-item/styles.js","webpack:///./src/components/atomic-design/molecules/accordion/accordion-item/index.js","webpack:///./src/components/atomic-design/molecules/accordion/styles.js","webpack:///./src/components/atomic-design/molecules/accordion/index.js","webpack:///./src/components/atomic-design/molecules/tag-list/styles.js","webpack:///./src/components/atomic-design/atoms/tag/styles.js","webpack:///./src/components/atomic-design/atoms/tag/index.js","webpack:///./src/components/atomic-design/molecules/tag-list/tag-list-item/styles.js","webpack:///./src/components/atomic-design/molecules/tag-list/tag-list-item/index.js","webpack:///./src/components/atomic-design/molecules/tag-list/index.js","webpack:///./src/components/atomic-design/organisms/faq-list/styles.js","webpack:///./src/components/atomic-design/organisms/faq-list/index.js","webpack:///./src/styles/pages/faqs-styles.js","webpack:///./src/pages/faqs.js","webpack:///./src/components/atomic-design/molecules/call-to-action/styles.js","webpack:///./src/components/atomic-design/molecules/call-to-action/index.js"],"names":["Section","styled","section","background","margin","padding","options","fullWidth","css","default","optionsStyles","theme","newTheme","breakpoints","mobile","mobileMargin","mobilePadding","PageSection","className","containerSize","children","size","defaultProps","ContainerPageHeader","div","spacing","tablet","PageHeaderTitle","h1","font","text1","lineHeight","color","grey","light","text2","PageHeaderSubtitle","h2","title1","weight","regular","black","title3","PageHeaderDescription","p","main","secondary","PageHeader","title","subTitle","description","gradient","text","Content","li","Header","HeaderTitle","h4","large","fonts","weights","colors","primary","sizes","headings","heading5","small","titleSize","transition","medium","Container","Body","show","BodyDesc","fade","largest","text3","text4","bodyParagraphSize","semiBold","blogBold","AccordionItem","item","useState","setShow","bodyDescription","json","documentToReactComponents","onClick","variant","ariaLabel","openClose","AccordionList","ul","Accordion","list","lastIndex","slice","map","i","key","TaglistContainer","TagContainer","Tag","TaglistItemContainer","tabletLandscape","smallest","extraSmall","TaglistItem","selected","Taglist","tagSelected","setTagSelected","FaqList","faqList","faqs","faq","node","uniqueTags","useMemo","tags","reduce","acc","Set","unshift","filter","includes","PageHeaderContainer","faqListQuery","FaqPage","data","location","allContentfulFaq","edges","pageHeaderData","allContentfulPage","metatagImage","file","url","metatagDescription","metatagTitle","path","pathname","charSet","image","viewport","type","headerSubtitle","headerTitle","renderLineBreak","headerDescription","sectionTitle","buttonTitle","to","ContainerCallToAction","shadow","white","CallToActionSectionTitle","title4","title5","CallToAction","aria-label"],"mappings":"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","file":"component---src-pages-faqs-js-7def7b147e5f487afa75.js","sourcesContent":["import styled, { css } from 'styled-components';\n\nconst optionsStyles = options =>\n  ({\n    fullWidth: css`\n      width: 100vw;\n      left: calc(-50vw + 50%);\n    `,\n    default: css`\n      width: 100%;\n    `,\n  }[options]);\n\nconst Section = styled.section`\n  overflow: hidden;\n  position: relative;\n  background: ${({ background }) => background};\n  margin: ${({ margin }) => margin};\n  padding: ${({ padding }) => padding};\n  ${({ options }) => optionsStyles(options)};\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    margin: ${({ mobileMargin }) => mobileMargin};\n    padding: ${({ mobilePadding }) => mobilePadding};\n  }\n`;\n\nexport default Section;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport MainContainer from 'atomic-design/atoms/main-container';\nimport Section from './styles';\n\nconst PageSection = ({\n  className,\n  containerSize,\n  background,\n  padding,\n  mobilePadding = padding,\n  margin,\n  mobileMargin = margin,\n  children,\n  options,\n}) => {\n  return (\n    <Section\n      background={background}\n      padding={padding}\n      margin={margin}\n      mobileMargin={mobileMargin}\n      mobilePadding={mobilePadding}\n      className={className}\n      options={options}\n    >\n      <MainContainer size={containerSize}>{children}</MainContainer>\n    </Section>\n  );\n};\n\nPageSection.propTypes = {\n  background: PropTypes.string,\n  containerSize: PropTypes.string,\n  padding: PropTypes.string,\n  margin: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  mobileMargin: PropTypes.string,\n  mobilePadding: PropTypes.string,\n  options: PropTypes.string,\n};\n\nPageSection.defaultProps = {\n  background: '',\n  containerSize: 'sm',\n  padding: '0',\n  margin: '0',\n  options: 'default',\n};\n\nexport default PageSection;\n","import styled from 'styled-components';\n\nexport const ContainerPageHeader = styled.div`\n  padding-top: ${({ theme }) => theme.newTheme.spacing(16)};\n  position: relative;\n  width: 100%;\n  z-index: 9;\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    padding-top: ${({ theme }) => theme.newTheme.spacing(6)};\n  }\n`;\n\nexport const PageHeaderTitle = styled.h1`\n  font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n  line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n  color: ${({ theme }) => theme.newTheme.color.grey.light};\n  margin: 0;\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    font-size: ${({ theme }) => theme.newTheme.font.text2.size};\n    line-height: ${({ theme }) => theme.newTheme.font.text2.lineHeight};\n  }\n`;\n\nexport const PageHeaderSubtitle = styled.h2`\n  font-size: ${({ theme }) => theme.newTheme.font.title1.size};\n  line-height: ${({ theme }) => theme.newTheme.font.title1.lineHeight};\n  font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n  margin: ${({ theme }) => theme.newTheme.spacing(10)} 0;\n  color: ${({ theme }) => theme.newTheme.color.black};\n  width: 80%;\n\n  u {\n    text-decoration: none;\n    display: block;\n  }\n\n  b {\n    background: ${({ color }) => color};\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    width: 100%;\n    font-size: ${({ theme }) => theme.newTheme.font.title3.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title3.lineHeight};\n  }\n`;\n\nexport const PageHeaderDescription = styled.p`\n  font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n  line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n  color: ${({ theme }) => theme.newTheme.color.grey.main};\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    line-height: ${({ theme }) => theme.lineHeight.secondary};\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport theme from 'styles/theme';\n\nimport {\n  ContainerPageHeader,\n  PageHeaderTitle,\n  PageHeaderSubtitle,\n  PageHeaderDescription,\n} from './styles';\n\nconst PageHeader = ({ title, subTitle, description, color }) => {\n  return (\n    <ContainerPageHeader>\n      <PageHeaderTitle>{title}</PageHeaderTitle>\n      <PageHeaderSubtitle color={color}>{subTitle}</PageHeaderSubtitle>\n      {description && <PageHeaderDescription>{description}</PageHeaderDescription>}\n    </ContainerPageHeader>\n  );\n};\n\nPageHeader.propTypes = {\n  title: PropTypes.string.isRequired,\n  subTitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  color: PropTypes.string,\n};\n\nPageHeader.defaultProps = {\n  color: theme.newTheme.color.gradient.text,\n};\n\nexport default PageHeader;\n","import styled, { css } from 'styled-components';\n\nconst titleSize = (size, theme) =>\n  ({\n    large: css`\n      font-size: ${theme.fonts.sizes.headings.heading5};\n      @media only screen and (${theme.newTheme.breakpoints.tablet}) {\n        font-size: ${theme.newTheme.font.text1.size};\n        line-height: ${theme.newTheme.font.text2.lineHeight};\n      }\n      @media only screen and (${theme.newTheme.breakpoints.mobile}) {\n        font-size: ${theme.newTheme.font.text1.size};\n        line-height: ${theme.newTheme.font.text2.lineHeight};\n      }\n    `,\n\n    small: css`\n      font-size: ${theme.newTheme.font.text1.size};\n      line-height: ${theme.newTheme.font.text1.lineHeight};\n      @media only screen and (${theme.newTheme.breakpoints.tablet}) {\n        font-size: ${theme.newTheme.font.text2.size};\n        line-height: ${theme.newTheme.font.text2.lineHeight};\n      }\n      @media only screen and (${theme.newTheme.breakpoints.mobile}) {\n        font-size: ${theme.newTheme.font.text2.size};\n        line-height: ${theme.newTheme.font.text2.lineHeight};\n      }\n    `,\n  }[size]);\n\nconst bodyParagraphSize = (size, theme) =>\n  ({\n    large: css`\n      font-size: ${theme.newTheme.font.text1.size};\n      line-height: ${theme.newTheme.font.text1.lineHeight};\n      @media only screen and (${theme.newTheme.breakpoints.mobile}) {\n        font-size: ${theme.newTheme.font.text3.size};\n        line-height: ${theme.newTheme.font.text2.lineHeight};\n      }\n    `,\n\n    small: css`\n      font-size: ${theme.newTheme.font.text2.size};\n      line-height: ${theme.newTheme.font.text2.lineHeight};\n      @media only screen and (${theme.newTheme.breakpoints.mobile}) {\n        font-size: ${theme.newTheme.font.text4.size};\n        line-height: ${theme.newTheme.font.text4.lineHeight};\n      }\n    `,\n  }[size]);\n\nexport const Content = styled.li`\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow: hidden;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n\n  button {\n    padding: 0;\n  }\n`;\n\nexport const HeaderTitle = styled.h4`\n  margin: 0;\n  max-width: 75%;\n  padding: ${({ theme }) => `${theme.spacing.large} 0`};\n  font-weight: ${({ theme }) => theme.fonts.weights.light};\n  color: ${({ theme }) => theme.fonts.colors.primary};\n  ${({ size, theme }) => titleSize(size, theme)};\n  transition: ${({ theme }) => theme.transition};\n  overflow: hidden;\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    ${({ theme }) => `padding: ${theme.spacing.medium} 0`};\n    max-width: 80%;\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    ${({ theme }) => `padding: ${theme.spacing.medium} 0`};\n    max-width: 80%;\n  }\n`;\n\nexport const Container = styled.div`\n  height: 100%;\n  position: relative;\n`;\n\nexport const Body = styled.div`\n  width: 100%;\n  max-height: ${({ show }) => (show ? '100%' : '0')};\n  transition: ${({ theme }) => theme.transition};\n  overflow: hidden;\n`;\n\nexport const BodyDesc = styled.p`\n  animation: ${({ fade }) => (fade ? 'fadeInDown .2s linear' : 'fadeInUp .2s linear')};\n  font-weight: ${({ theme }) => theme.newTheme.font.weight.light};\n  transition: ${({ theme }) => theme.transition};\n  margin-top: 0;\n  margin-bottom: ${({ theme }) => theme.spacing.largest};\n  ${({ size, theme }) => bodyParagraphSize(size, theme)};\n\n  ul {\n    li {\n      list-style: disc;\n    }\n  }\n\n  b {\n    font-weight: ${({ theme }) => theme.newTheme.font.weight.semiBold};\n  }\n\n  u {\n    text-decoration: underline;\n  }\n\n  i {\n    font-style: italic;\n  }\n\n  ol {\n    list-style-type: decimal;\n    li::marker {\n      font-weight: ${({ theme }) => theme.newTheme.font.weight.semiBold};\n      color: ${({ theme }) => theme.newTheme.color.blogBold};\n    }\n  }\n\n  p {\n    padding: 0;\n    margin: 0;\n    color: ${({ theme }) => theme.colors.grey};\n    transition: ${({ theme }) => theme.transition};\n  }\n\n  @keyframes fadeInDown {\n    0% {\n      opacity: 0;\n      transform: translateY(-40px);\n    }\n    50% {\n      transform: translateY(-20px);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fadeInUp {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-40px);\n    }\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    ${({ theme }) => `padding: ${theme.spacing.small} 0`};\n    margin-bottom: ${({ theme }) => theme.spacing.medium};\n\n    p {\n      line-height: ${({ theme }) => theme.spacing.large};\n    }\n  }\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport AccordionButtonIcon from 'atomic-design/molecules/accordion/accordion-button-icon';\nimport Button from 'atomic-design/atoms/button';\nimport { Content, Header, Body, HeaderTitle, BodyDesc, Container } from './styles';\n\nconst AccordionItem = ({ item, size, children }) => {\n  const { title, description } = item;\n  const [show, setShow] = useState(false);\n\n  const handleClick = () => setShow(!show);\n\n  const bodyDescription =\n    item && description.json ? documentToReactComponents(description.json) : description;\n\n  return (\n    <Content>\n      <Header onClick={handleClick}>\n        <HeaderTitle size={size}>{item && title}</HeaderTitle>\n        <Button variant=\"icon\" ariaLabel={show ? 'open' : 'close'}>\n          <AccordionButtonIcon openClose={!show} />\n        </Button>\n      </Header>\n      <Body show={show}>\n        <Container>\n          <BodyDesc size={size} fade={show}>\n            {bodyDescription}\n            {children && children}\n          </BodyDesc>\n        </Container>\n      </Body>\n    </Content>\n  );\n};\n\nAccordionItem.propTypes = {\n  item: PropTypes.shape({\n    title: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    children: PropTypes.any,\n  }).isRequired,\n  size: PropTypes.string,\n};\n\nAccordionItem.defaultProps = {\n  size: 'large',\n};\n\nexport default AccordionItem;\n","import styled from 'styled-components';\n\nconst AccordionList = styled.ul`\n  padding: ${({ theme }) => `${theme.spacing.large} 0`};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    padding: ${({ theme }) => `${theme.spacing.small} 0`};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    padding: ${({ theme }) => `${theme.spacing.small} 0`};\n  }\n`;\n\nexport default AccordionList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ListDivider from 'atomic-design/atoms/list-divider';\nimport AccordionItem from './accordion-item';\nimport AccordionList from './styles';\n\nconst Accordion = ({ list, size }) => {\n  const lastIndex = list.slice(-1)[0];\n  return (\n    <AccordionList>\n      {list.map((item, i) =>\n        lastIndex !== list[i] ? (\n          <>\n            <AccordionItem size={size} key={item.title} item={item} children={item.children} />\n            <ListDivider />\n          </>\n        ) : (\n          <AccordionItem size={size} key={item.title} item={item} children={item.children}/>\n        )\n      )}\n    </AccordionList>\n  );\n};\n\nAccordion.propTypes = {\n  list: PropTypes.array.isRequired,\n  size: PropTypes.string,\n};\n\nAccordion.defaultProps = {\n  size: 'large',\n};\n\nexport default Accordion;\n","import styled from 'styled-components';\n\nconst TaglistContainer = styled.ul`\n  padding: 0;\n  list-style: none;\n  margin: ${({ theme }) => `${theme.spacing.large} 0`};\n\n  li:last-child {\n    margin-right: 0;\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    margin: 0;\n  }\n`;\n\nexport default TaglistContainer;\n","import styled from 'styled-components';\n\nconst TagContainer = styled.div`\n  button {\n    ${({ theme }) => `padding: ${theme.spacing.small} ${theme.spacing.large}`};\n  }\n`;\n\nexport default TagContainer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '../button';\nimport TagContainer from './styles';\n\nconst Tag = ({ title, variant, ariaLabel }) => {\n  return (\n    <TagContainer>\n      <Button variant={variant} ariaLabel={ariaLabel}>\n        {title}\n      </Button>\n    </TagContainer>\n  );\n};\n\nTag.propTypes = {\n  title: PropTypes.string.isRequired,\n  variant: PropTypes.string,\n  ariaLabel: PropTypes.string,\n};\n\nTag.defaultProps = {\n  variant: 'outlined',\n  ariaLabel: '',\n};\n\nexport default Tag;\n","import styled from 'styled-components';\n\nconst TaglistItemContainer = styled.li`\n  display: inline-block;\n  margin-right: ${({ theme }) => theme.spacing.medium};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\n    margin-bottom: ${({ theme }) => theme.spacing.medium};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    button {\n      ${({ theme }) => `padding: ${theme.spacing.smallest} ${theme.spacing.medium}`};\n      font-size: ${({ theme }) => theme.fonts.sizes.small};\n    }\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    button {\n      ${({ theme }) => `padding: ${theme.spacing.smallest} ${theme.spacing.medium}`};\n      font-size: ${({ theme }) => theme.fonts.sizes.extraSmall};\n    }\n  }\n`;\n\nexport default TaglistItemContainer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Tag from 'atomic-design/atoms/tag';\nimport TaglistItemContainer from './styles';\n\nconst TaglistItem = ({ item, selected, onClick }) => {\n  return (\n    <TaglistItemContainer onClick={onClick}>\n      <Tag\n        title={item}\n        variant={selected ? 'contained' : 'outlined'}\n        ariaLabel=\"filter faq by title\"\n      />\n    </TaglistItemContainer>\n  );\n};\n\nTaglistItem.propTypes = {\n  item: PropTypes.string.isRequired,\n  selected: PropTypes.bool.isRequired,\n  onClick: PropTypes.func,\n};\n\nexport default TaglistItem;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport TaglistContainer from './styles';\nimport TaglistItem from './tag-list-item';\n\nconst Taglist = ({ list, tagSelected, setTagSelected }) => {\n  return (\n    <TaglistContainer>\n      {list.map(item => (\n        <TaglistItem\n          key={item}\n          item={item}\n          selected={tagSelected === item}\n          onClick={() => setTagSelected(item)}\n        />\n      ))}\n    </TaglistContainer>\n  );\n};\n\nTaglist.propTypes = {\n  list: PropTypes.array.isRequired,\n  tagSelected: PropTypes.string.isRequired,\n  setTagSelected: PropTypes.func.isRequired,\n};\n\nexport default Taglist;\n","import styled from 'styled-components';\n\nconst Container = styled.ul`\n  padding: 0;\n  margin: 0;\n`;\n\nexport default Container;\n","import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Accordion from 'atomic-design/molecules/accordion';\nimport Taglist from 'atomic-design/molecules/tag-list';\nimport Container from './styles';\n\nconst FaqList = ({ faqList }) => {\n  const [tagSelected, setTagSelected] = useState('All');\n\n  const faqs = faqList.map(faq => ({ ...faq.node }));\n\n  const uniqueTags = useMemo(() => {\n    const tags = faqs.reduce((acc, faq) => {\n      return [...acc, ...faq.tags];\n    }, []);\n    return [...new Set(tags)];\n  }, [faqs]);\n\n  const list = useMemo(() => {\n    uniqueTags.unshift('All');\n    if (tagSelected === 'All') {\n      return faqs;\n    }\n    return faqs.filter(faq => faq.tags.includes(tagSelected));\n  }, [tagSelected]);\n\n  return (\n    <Container>\n      <Taglist list={uniqueTags} tagSelected={tagSelected} setTagSelected={setTagSelected} />\n      <Accordion list={list} />\n    </Container>\n  );\n};\n\nFaqList.propTypes = {\n  faqList: PropTypes.array.isRequired,\n};\n\nexport default FaqList;\n","import styled from 'styled-components';\n\nconst PageHeaderContainer = styled.div`\n  padding-bottom: ${({ theme }) => theme.newTheme.spacing(12)};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    padding-bottom: ${({ theme }) => theme.newTheme.spacing(6)};\n  }\n`;\n\nexport default PageHeaderContainer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { graphql } from 'gatsby';\nimport MetaTags from 'core/meta-tags/index';\n\nimport Layout from 'core/layout';\nimport PageHeader from 'atomic-design/atoms/page-header';\nimport FaqList from 'atomic-design/organisms/faq-list';\nimport CallToAction from 'atomic-design/molecules/call-to-action';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { renderLineBreak } from '../common/string-helpers';\nimport MainContainer from 'atomic-design/atoms/main-container';\nimport PageSection from 'atomic-design/atoms/page-section';\nimport theme from 'styles/theme';\nimport PageHeaderContainer from '../styles/pages/faqs-styles';\n\nexport const faqListQuery = graphql`\n  query faqListQuery {\n    allContentfulPage(filter: { url: { eq: \"faqs\" } }) {\n      edges {\n        node {\n          headerTitle {\n            json\n          }\n          headerSubtitle\n          headerDescription {\n            headerDescription\n          }\n          metatagImage {\n            file {\n              url\n            }\n          }\n          metatagTitle\n          metatagDescription\n        }\n      }\n    }\n\n    allContentfulFaq(sort: { fields: order, order: ASC }) {\n      edges {\n        node {\n          title\n          description {\n            json\n          }\n          tags\n          order\n        }\n      }\n    }\n  }\n`;\n\nconst FaqPage = ({ data, location }) => {\n  const faqList = data.allContentfulFaq.edges;\n  const pageHeaderData = data.allContentfulPage.edges[0].node;\n  const metatagImage = data.allContentfulPage.edges[0].node.metatagImage.file.url;\n  const metatagDescription = data.allContentfulPage.edges[0].node.metatagDescription;\n  const metatagTitle = data.allContentfulPage.edges[0].node.metatagTitle;\n\n  return (\n    <Layout path={location.pathname}>\n      <MetaTags\n        title={metatagTitle}\n        description={metatagDescription}\n        charSet=\"utf-8\"\n        image={metatagImage}\n        viewport=\"width=device-width, initial-scale=1\"\n        type=\"website\"\n      />\n      <MainContainer>\n        <PageHeaderContainer>\n          <PageHeader\n            title={pageHeaderData.headerSubtitle}\n            subTitle={documentToReactComponents(pageHeaderData.headerTitle.json)}\n            description={renderLineBreak(pageHeaderData.headerDescription.headerDescription)}\n          />\n        </PageHeaderContainer>\n        <PageSection containerSize=\"fluid\" padding={`0 0 ${theme.newTheme.spacing(20)} 0`}>\n          <FaqList faqList={faqList} />\n          <CallToAction\n            sectionTitle=\"Something else on your mind?\"\n            buttonTitle=\"Ask away\"\n            to=\"/contact\"\n          />\n        </PageSection>\n      </MainContainer>\n    </Layout>\n  );\n};\n\nFaqPage.propTypes = {\n  data: PropTypes.oneOfType([PropTypes.object]).isRequired,\n};\n\nexport default FaqPage;\n","import styled from 'styled-components';\n\nexport const ContainerCallToAction = styled.section`\n  width: 100%;\n  padding: ${({ theme }) => `${theme.newTheme.spacing(10)} 0`};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  button {\n    box-shadow: ${({ theme }) => theme.newTheme.shadow.main};\n    ${({ theme }) => `padding: ${theme.newTheme.spacing(3)} ${theme.newTheme.spacing(10)}`};\n\n    a {\n      color: ${({ theme }) => theme.newTheme.color.white};\n      text-decoration: none;\n    }\n  }\n`;\n\nexport const CallToActionSectionTitle = styled.h4`\n  font-size: ${({ theme }) => theme.newTheme.font.title4.size};\n  color: ${({ theme }) => theme.newTheme.color.grey.main};\n  font-weight: ${({ theme }) => theme.newTheme.font.weight.medium};\n  text-align: center;\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    font-size: ${({ theme }) => theme.newTheme.font.title5.size};\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from 'atomic-design/atoms/button';\nimport Link from 'atomic-design/atoms/link';\nimport { ContainerCallToAction, CallToActionSectionTitle } from './styles';\n\nconst CallToAction = ({ sectionTitle, buttonTitle, to }) => {\n  return (\n    <>\n      <ContainerCallToAction>\n        {sectionTitle && <CallToActionSectionTitle>{sectionTitle}</CallToActionSectionTitle>}\n        <Link to={to}>\n          <Button aria-label=\"link to page\">{buttonTitle}</Button>\n        </Link>\n      </ContainerCallToAction>\n    </>\n  );\n};\n\nCallToAction.propTypes = {\n  sectionTitle: PropTypes.string,\n  buttonTitle: PropTypes.string.isRequired,\n  to: PropTypes.string,\n};\n\nCallToAction.defaultProps = {\n  to: '/#!',\n};\n\nexport default CallToAction;\n"],"sourceRoot":""}