{"version":3,"sources":["webpack:///./src/templates/backgrounder.js","webpack:///./src/components/Layouts/layout.js"],"names":["ArticleTemplate","_ref","data","React","createElement","Layout","header","markdownRemark","frontmatter","title","breadcrumb","text","path","Container","Row","Col","lg","md","Img","style","marginTop","fluid","image","childImageSharp","Reactmarkdown","source","rawMarkdownBody","subheader","view","children","props","isScreenSm","useMediaQuery","maxWidth","Fragment","NavMobile","Nav","PageHeader","className","PageFooter"],"mappings":"0HAAA,kGAmCeA,UA3BSC,IAAe,IAAd,KAAEC,GAAMD,EAChC,OACCE,IAAAC,cAACC,IAAM,CACNC,OAAQJ,EAAKK,eAAeC,YAAYC,MACxCC,WAAY,CACXC,KAAM,gBACNC,KAAM,oCAGPT,IAAAC,cAACS,YAAS,KACTV,IAAAC,cAACU,MAAG,KACHX,IAAAC,cAACW,MAAG,CAACC,GAAI,EAAGC,GAAI,GACfd,IAAAC,cAACc,IAAG,CACHC,MAAO,CAAEC,UAAW,QACpBC,MAAOnB,EAAKK,eAAeC,YAAYc,MAAMC,gBAAgBF,SAI/DlB,IAAAC,cAACW,MAAG,CAACC,GAAI,EAAGC,GAAI,GACfd,IAAAC,cAACoB,IAAa,CAACC,OAAQvB,EAAKK,eAAemB,wB,kCC3BjD,iGA6BerB,IAbAJ,IAAkE,IAAjE,OAAEK,EAAM,UAAEqB,EAAS,WAAEjB,EAAU,KAAEkB,EAAI,SAAEC,KAAaC,GAAO7B,EAC1E,MAAM8B,EAAaC,wBAAc,CAAEC,SAAU,OAE7C,OACC9B,IAAAC,cAAAD,IAAA+B,SAAA,KACEH,EAAa5B,IAAAC,cAAC+B,IAAS,CAACP,KAAMA,IAAWzB,IAAAC,cAACgC,IAAG,CAACR,KAAMA,IACpDtB,GAAUH,IAAAC,cAACiC,IAAU,CAAC/B,OAAQA,EAAQqB,UAAWA,EAAWjB,WAAYA,IACzEP,IAAAC,cAAA,QAAMkC,UAAU,YAAYT,GAC5B1B,IAAAC,cAACmC,IAAU","file":"component---src-templates-backgrounder-js-3eb10c373bddc354c2c8.js","sourcesContent":["import React from 'react';\r\nimport { graphql } from 'gatsby';\r\nimport Img from 'gatsby-image';\r\nimport Reactmarkdown from 'react-markdown';\r\n\r\nimport { Container, Row, Col } from 'react-grid-system';\r\nimport Layout from '../components/Layouts/layout';\r\n\r\nconst ArticleTemplate = ({ data }) => {\r\n\treturn (\r\n\t\t<Layout\r\n\t\t\theader={data.markdownRemark.frontmatter.title}\r\n\t\t\tbreadcrumb={{\r\n\t\t\t\ttext: 'Backgrounders',\r\n\t\t\t\tpath: '/news-and-events/backgrounders/'\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t<Container>\r\n\t\t\t\t<Row>\r\n\t\t\t\t\t<Col lg={4} md={6}>\r\n\t\t\t\t\t\t<Img\r\n\t\t\t\t\t\t\tstyle={{ marginTop: `1rem` }}\r\n\t\t\t\t\t\t\tfluid={data.markdownRemark.frontmatter.image.childImageSharp.fluid}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</Col>\r\n\r\n\t\t\t\t\t<Col lg={8} md={6}>\r\n\t\t\t\t\t\t<Reactmarkdown source={data.markdownRemark.rawMarkdownBody} />\r\n\t\t\t\t\t</Col>\r\n\t\t\t\t</Row>\r\n\t\t\t</Container>\r\n\t\t</Layout>\r\n\t);\r\n};\r\n\r\nexport default ArticleTemplate;\r\n\r\nexport const query = graphql`\r\n\tquery BackgrounderTemplate($id: String!) {\r\n\t\tmarkdownRemark(id: { eq: $id }) {\r\n\t\t\tid\r\n\t\t\trawMarkdownBody\r\n\t\t\tfrontmatter {\r\n\t\t\t\tslug\r\n\t\t\t\ttitle\r\n\t\t\t\timage {\r\n\t\t\t\t\tabsolutePath\r\n\t\t\t\t\tchildImageSharp {\r\n\t\t\t\t\t\tfluid {\r\n\t\t\t\t\t\t\t...GatsbyImageSharpFluid\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\thtml\r\n\t\t}\r\n\t}\r\n`;\r\n","/**\r\n * Layout component that queries for data\r\n * with Gatsby's useStaticQuery component\r\n *\r\n * See: https://www.gatsbyjs.org/docs/use-static-query/\r\n */\r\n\r\nimport React from 'react';\r\nimport { useMediaQuery } from 'react-responsive';\r\nimport '../../styles/App.scss';\r\n\r\nimport Nav from '../Nav/Nav';\r\nimport NavMobile from '../Nav/NavMobile';\r\nimport PageHeader from '../PageHeader/PageHeader';\r\nimport PageFooter from '../PageFooter/PageFooter';\r\n\r\nconst Layout = ({ header, subheader, breadcrumb, view, children, ...props }) => {\r\n\tconst isScreenSm = useMediaQuery({ maxWidth: 1200 });\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{isScreenSm ? <NavMobile view={view} /> : <Nav view={view} />}\r\n\t\t\t{header && <PageHeader header={header} subheader={subheader} breadcrumb={breadcrumb} />}\r\n\t\t\t<main className='pageBody'>{children}</main>\r\n\t\t\t<PageFooter />\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default Layout;\r\n"],"sourceRoot":""}