{"version":3,"file":"component---src-pages-use-cases-js-d66d583fd171d7fb0c78.js","mappings":"sNAWMA,GAAiB,OAAOC,EAAAA,EAAP,qBAAH,kBACD,SAAAC,GAAC,OAAIA,EAAEC,MAAMC,MAAM,MADlB,cAGhBC,EAAAA,GAAAA,GAHgB,mBAIC,SAAAH,GAAC,OAAIA,EAAEC,MAAMC,MAAM,MAJpB,MAQdE,GAAQ,OAAOC,EAAAA,GAAP,qBAAH,cACI,SAAAL,GAAC,OAAIA,EAAEC,MAAMC,MAAM,KADvB,mBAEQ,SAAAF,GAAC,OAAIA,EAAEC,MAAMC,MAAM,MAF3B,IAGPC,EAAAA,GAAAA,GAHO,gBAQLG,GAAW,OAAOC,EAAAA,EAAP,qBAAH,mBAEI,SAAAP,GAAC,OAAIA,EAAEC,MAAMC,MAAM,MAFvB,KAIVC,EAAAA,GAAAA,GAJU,oBAMM,SAAAH,GAAC,OAAIA,EAAEC,MAAMC,MAAM,MANzB,OAiCd,UAtBqB,SAAC,GAAwB,IAAtBM,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAEhBC,EACRF,EADFG,OAAUD,WAGZ,OACE,QAAC,IAAD,CAAQD,SAAUA,IAChB,QAAC,IAAD,CACEG,MAAM,yDACNC,YAAY,kFAEd,QAACf,EAAD,MACE,QAACM,EAAD,kBACCM,EAAWI,KAAI,SAAAC,GAAC,OACf,QAACT,EAAD,CAAUU,IAAKD,EAAEE,KAAMC,MAAOH,EAAEG,aAGpC,QAAC,IAAD","sources":["webpack://getform/./src/pages/use-cases.js"],"sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\nimport { graphql } from 'gatsby'\nimport Container from '../components/shared/container'\nimport { mediaQueries } from '../theme'\nimport { H1 } from '../components/shared/type'\nimport BaseCategory from '../components/resources/category'\nimport FooterCta from '../components/footer-cta'\nimport Layout from '../components/layout'\nimport PageMetadata from '../components/page-metadata'\n\nconst InnerContainer = styled(Container)`\n  margin-bottom: ${p => p.theme.space[18]};\n  padding: 0;\n  ${mediaQueries.md} {\n    margin-bottom: ${p => p.theme.space[29]};\n  }\n`\n\nconst Title = styled(H1)`\n  padding: 0 ${p => p.theme.space[6]};\n  margin-bottom: ${p => p.theme.space[23]};\n  ${mediaQueries.lg} {\n    padding: 0;\n  }\n`\n\nconst Category = styled(BaseCategory)`\n  & + & {\n    margin-top: ${p => p.theme.space[12]};\n  }\n  ${mediaQueries.lg} {\n    & + & {\n      margin-top: ${p => p.theme.space[23]};\n    }\n  }\n`\n\nconst UseCasesPage = ({ data, location }) => {\n  const {\n    allMdx: { categories },\n  } = data\n\n  return (\n    <Layout location={location}>\n      <PageMetadata\n        title=\"Find out the best ways of using online forms | Getform\"\n        description=\"Tailor your online forms to collect opinions, orders, subscribers, feedback.\"\n      />\n      <InnerContainer>\n        <Title>Use cases</Title>\n        {categories.map(c => (\n          <Category key={c.slug} posts={c.posts} />\n        ))}\n      </InnerContainer>\n      <FooterCta />\n    </Layout>\n  )\n}\n\nexport default UseCasesPage\n\nexport const query = graphql`\n  query {\n    allMdx(\n      filter: { frontmatter: { resource: { eq: \"Use cases\" } } }\n      sort: { fields: [frontmatter___date], order: DESC }\n    ) {\n      categories: group(field: fields___categorySlug) {\n        slug: fieldValue\n        posts: nodes {\n          ...postPreviewFragment\n        }\n      }\n    }\n  }\n`\n"],"names":["InnerContainer","Container","p","theme","space","mediaQueries","Title","H1","Category","BaseCategory","data","location","categories","allMdx","title","description","map","c","key","slug","posts"],"sourceRoot":""}