{"version":3,"file":"component---src-templates-campaign-js-b9f469d40c72eef41a38.js","mappings":"+OAoBA,MAAMA,GAAiBC,EAAAA,EAAAA,SAAOC,EAAAA,IAASC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,gBAAhBJ,CAAgB,oDAwEvC,UAjEA,SAAyBK,GAAY,IAAX,KAAEC,GAAMD,EAChC,MAAME,EAAOD,EAAKE,eAEZC,GADeC,EAAAA,EAAAA,KACUC,OACzB,gBAAEC,EAAe,QAAEC,GAAYN,GAC/B,MAAEI,EAAK,YAAEG,EAAW,OAAEC,GAAWR,EAAKS,YAE5C,OACEC,EAAAA,cAACC,EAAAA,GAAM,CAACP,MAAOF,GACbQ,EAAAA,cAACE,EAAAA,GAAG,CAACR,MAAOA,EAAOS,YAAaP,IAChCI,EAAAA,cAACI,EAAAA,EAAG,CAACC,MAAI,EAACC,SAAS,OAAOC,IAAI,SAASC,IAAI,SACzCR,EAAAA,cAACI,EAAAA,EAAG,CAACC,MAAM,EAAOI,UAAU,kBAC1BT,EAAAA,cAACI,EAAAA,EAAG,CACFI,IAAK,CAAEE,SAAU,QAASC,WAAY,UACtCF,UAAU,UAETZ,GAAeG,EAAAA,cAACY,EAAAA,EAAK,CAACC,IAAKhB,EAAaiB,IAAI,iBAE/Cd,EAAAA,cAACe,EAAAA,GAAO,CAACR,IAAI,QAAQS,OAAQ,CAAEN,SAAU,UACvCV,EAAAA,cAACI,EAAAA,EAAG,CAACG,IAAI,SACPP,EAAAA,cAACiB,EAAAA,EAAI,CAACC,KAAK,SAASC,OAAQ,KACzBrB,GAEHE,EAAAA,cAACoB,EAAAA,EAAO,CAACJ,OAAO,QAAQtB,GACxBM,EAAAA,cAACqB,EAAAA,SAAQ,MACNC,IAAmB,IAAlB,SAAEC,GAAUD,EACZ,OAAOtB,EAAAA,cAACwB,EAAAA,GAAK,CAACC,IAAKF,EAASG,KAAMC,KAAMjC,GAAS,KAIvDM,EAAAA,cAAClB,EAAc,KAAEa,KAGrBK,EAAAA,cAACI,EAAAA,EAAG,CAACwB,UAAU,SACb5B,EAAAA,cAAC6B,EAAAA,GAAU,CACTC,KAAM9B,EAAAA,cAAC+B,EAAAA,EAAgB,MACvBC,MAAM,sBACNC,GAAG,eAMf,C","sources":["webpack://hpe-dev-portal/./src/templates/campaign.js"],"sourcesContent":["import React from 'react';\nimport { Location } from '@reach/router';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport { Box, Heading, Text, Image } from 'grommet';\nimport { FormPreviousLink } from 'grommet-icons';\n\nimport {\n  Content,\n  Layout,\n  Markdown,\n  SEO,\n  Share,\n  ButtonLink,\n} from '../components';\nimport { useSiteMetadata } from '../hooks/use-site-metadata';\n\n// Remove padding or margin from first markdown element.\n// This allows the heading and content to have the same gap.\nconst MarkdownLayout = styled(Markdown)`\n  & > *:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n`;\n\nfunction CampaignTemplate({ data }) {\n  const post = data.markdownRemark;\n  const siteMetadata = useSiteMetadata();\n  const siteTitle = siteMetadata.title;\n  const { rawMarkdownBody, excerpt } = post;\n  const { title, authorimage, author } = post.frontmatter;\n\n  return (\n    <Layout title={siteTitle}>\n      <SEO title={title} description={excerpt} />\n      <Box flex overflow=\"auto\" gap=\"medium\" pad=\"small\">\n        <Box flex={false} direction=\"row-responsive\">\n          <Box\n            pad={{ vertical: 'large', horizontal: 'medium' }}\n            direction=\"column\"\n          >\n            {authorimage && <Image src={authorimage} alt=\"author logo\" />}\n          </Box>\n          <Content gap=\"large\" margin={{ vertical: 'large' }}>\n            <Box gap=\"small\">\n              <Text size=\"xlarge\" weight={500}>\n                {author}\n              </Text>\n              <Heading margin=\"none\">{title}</Heading>\n              <Location>\n                {({ location }) => {\n                  return <Share url={location.href} text={title} />;\n                }}\n              </Location>\n            </Box>\n            <MarkdownLayout>{rawMarkdownBody}</MarkdownLayout>\n          </Content>\n        </Box>\n        <Box alignSelf=\"start\">\n          <ButtonLink\n            icon={<FormPreviousLink />}\n            label=\"Go to Skill Up Page\"\n            to=\"/skillup\"\n          />\n        </Box>\n      </Box>\n    </Layout>\n  );\n}\n\nCampaignTemplate.propTypes = {\n  data: PropTypes.shape({\n    site: PropTypes.shape({\n      siteMetadata: PropTypes.shape({\n        title: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n    markdownRemark: PropTypes.shape({\n      rawMarkdownBody: PropTypes.string.isRequired,\n      excerpt: PropTypes.string,\n      html: PropTypes.string.isRequired,\n      frontmatter: PropTypes.shape({\n        title: PropTypes.string,\n        authorimage: PropTypes.string,\n        author: PropTypes.string,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default CampaignTemplate;\n\nexport const pageQuery = graphql`\n  query CampaignBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        author\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      rawMarkdownBody\n      frontmatter {\n        title\n        authorimage\n        author\n      }\n    }\n  }\n`;\n"],"names":["MarkdownLayout","styled","Markdown","withConfig","displayName","componentId","_ref","data","post","markdownRemark","siteTitle","useSiteMetadata","title","rawMarkdownBody","excerpt","authorimage","author","frontmatter","React","Layout","SEO","description","Box","flex","overflow","gap","pad","direction","vertical","horizontal","Image","src","alt","Content","margin","Text","size","weight","Heading","Location","_ref2","location","Share","url","href","text","alignSelf","ButtonLink","icon","FormPreviousLink","label","to"],"sourceRoot":""}