{"version":3,"sources":["webpack:///./src/templates/careers.tsx"],"names":["CareersPageTemplate","seoTitle","metaDescription","hero","lead","details","openings","application","name","content","my","mb","position","wide","className","map","heading","text","icon","benefits","key","width","height","mr","flexShrink","src","alt","level","textTransform","size","whiteSpace","benefit","alignItems","collapsible","multiple","opening","borderRadius","boxShadow","role","css","p","border","display","bg","justifyContent","transition","py","px","markdown","textAlign","color","maxWidth","mx","href","pdf","target","pageQuery","CareersPage","frontmatter","data","markdownRemark","transparentNavbarOnTop"],"mappings":"qHAAA,8K,2LAwDMA,EAAsD,SAAC,GAQvD,IAPJC,EAOI,EAPJA,SACAC,EAMI,EANJA,gBACAC,EAKI,EALJA,KACAC,EAII,EAJJA,KACAC,EAGI,EAHJA,QACAC,EAEI,EAFJA,SACAC,EACI,EADJA,YAEA,OACE,8BACE,YAAC,IAAD,KACE,wCAAoBN,GACpB,oBAAMO,KAAK,cAAcC,QAASP,KAEpC,YAAC,IAAgBC,GACjB,YAAC,IAAD,CAAKO,GAAG,MACN,YAAC,IAAD,KACE,YAAC,IAAgBN,KAGrB,YAAC,IAAD,CAAKO,GAAG,MAAMC,SAAS,YACrB,YAAC,IAAD,CAAWC,MAAI,GACb,YAAC,IAAD,CAAKC,UAAU,OACZT,EAAQU,KAAI,gBAAGC,EAAH,EAAGA,QAASC,EAAZ,EAAYA,KAAMC,EAAlB,EAAkBA,KAAMC,EAAxB,EAAwBA,SAAxB,OACX,YAAC,IAAD,CAAKL,UAAU,sBAAsBH,GAAG,SAASS,IAAKJ,GACpD,YAAC,IAAD,KACE,YAAC,IAAD,CACEK,MAAM,KACNC,OAAO,KACPC,GAAG,SACHC,WAAW,IACXb,GAAG,QACHc,IAAKP,EACLQ,IAAKR,IAEP,YAAC,IAAD,CAASS,MAAM,IAAIhB,GAAG,SAASiB,cAAc,aAC1CZ,GAEFC,GACC,YAAC,IAAD,CAAMY,KAAK,QAAQC,WAAW,gBAC3Bb,GAGJE,aAlBH,EAkBGA,EAAUJ,KAAI,SAACgB,GAAD,OACb,YAAC,IAAD,CAAMX,IAAKW,EAAQd,KAAMN,GAAG,SAASqB,WAAW,UAC9C,YAAC,IAAD,CAAOP,IAAI,iBAAiBC,IAAI,QAAQH,GAAG,UAC3C,YAAC,IAAD,CAAMM,KAAK,SAASE,EAAQd,kBAS5C,YAAC,IAAD,KACE,YAAC,IAAD,KACE,YAAC,IAAD,CAASU,MAAM,IAAIhB,GAAG,SAASiB,cAAc,aAA7C,gBAGA,YAAC,IAAD,CAAWK,aAAW,EAACC,UAAQ,GAC5B5B,EAASS,KAAI,SAACoB,GAAD,OACZ,YAAC,IAAD,CACExB,GAAG,SACHyB,aAAa,IACbC,UAAU,mCACVjB,IAAKe,EAAQG,KACbC,IAAG,GAQH,YAAC,IAAD,CACEC,EAAE,QACFC,OAAO,IACPC,QAAQ,OACRrB,MAAM,OACNsB,GAAG,cACHX,WAAW,SACXY,eAAe,iBAEf,YAAC,IAAD,CAASjB,MAAM,KAAKQ,EAAQG,MAC5B,YAAC,IAAD,CACEb,IAAI,uBACJC,IAAI,SACJL,MAAM,KACNC,OAAO,KACPuB,WAAW,qBAGf,YAAC,IAAD,CAAgBC,GAAG,QAAQC,GAAG,WAC5B,YAAC,IAAD,CACER,IAAG,GAOFJ,EAAQa,kBAQvB,YAAC,IAAD,CAAKrC,GAAG,OACN,YAAC,IAAD,KACE,YAAC,IAAD,CAAKgC,GAAG,OAAOP,aAAa,IAAIa,UAAU,SAAST,EAAE,UACnD,YAAC,IAAD,CACEb,MAAM,IACNuB,MAAM,UACNvC,GAAG,QACHiB,cAAc,aAEbrB,EAAYS,SAEf,YAAC,IAAD,CACEa,KAAK,QACLC,WAAW,eACXqB,SAAS,MACTC,GAAG,OACHzC,GAAG,SAEFJ,EAAYU,MAEf,YAAC,IAAD,CACEoC,KAAM9C,EAAY+C,IAElBC,OAAO,SACPT,GAAG,SACHjB,KAAK,QACLR,MAAM,MACN8B,SAAS,OACTvB,cAAc,aARhB,kBAqCC4B,EAAY,aAuCVC,UAjDiC,SAAC,GAAa,IACpDC,EADoD,EAAXC,KACpBC,eAArBF,YAER,OACE,YAAC,IAAD,CAAQG,wBAAsB,GAC5B,YAAC7D,EAAwB0D","file":"component---src-templates-careers-tsx-7082beeba996dd19343c.js","sourcesContent":["import React from 'react'\nimport { graphql } from 'gatsby'\nimport { Helmet } from 'react-helmet'\nimport { css } from '@emotion/core'\nimport '../theme/bootstrap-grid.css'\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n  Box,\n  Button,\n  Card,\n  Container,\n  Flex,\n  Heading,\n  HeroSection,\n  Image,\n  Layout,\n  LeadSection,\n  Markdown,\n  Text\n} from '../components'\n\nexport interface CareersTemplateProps {\n  seoTitle: string\n  metaDescription: string\n  hero: {\n    heading: string\n    subheading: string\n    text: string\n    background: string\n  }\n  lead: {\n    heading: string\n    text: string\n  }\n  details: Array<{\n    heading: string\n    text: string\n    icon: string\n    benefits: Array<{\n      text: string\n    }>\n  }>\n  openings: Array<{\n    role: string\n    markdown: string\n  }>\n  application: {\n    heading: string\n    text: string\n    pdf: string\n  }\n}\n\nconst CareersPageTemplate: React.FC<CareersTemplateProps> = ({\n  seoTitle,\n  metaDescription,\n  hero,\n  lead,\n  details,\n  openings,\n  application\n}) => {\n  return (\n    <>\n      <Helmet>\n        <title>Incobrasa | {seoTitle}</title>\n        <meta name=\"description\" content={metaDescription} />\n      </Helmet>\n      <HeroSection {...hero} />\n      <Box my=\"50\">\n        <Container>\n          <LeadSection {...lead} />\n        </Container>\n      </Box>\n      <Box mb=\"100\" position=\"relative\">\n        <Container wide>\n          <Box className=\"row\">\n            {details.map(({ heading, text, icon, benefits }) => (\n              <Box className=\"col col-12 col-md-4\" mb=\"medium\" key={heading}>\n                <Card>\n                  <Image\n                    width=\"50\"\n                    height=\"50\"\n                    mr=\"medium\"\n                    flexShrink=\"0\"\n                    mb=\"large\"\n                    src={icon}\n                    alt={icon}\n                  />\n                  <Heading level=\"4\" mb=\"medium\" textTransform=\"uppercase\">\n                    {heading}\n                  </Heading>\n                  {text && (\n                    <Text size=\"small\" whiteSpace=\"break-spaces\">\n                      {text}\n                    </Text>\n                  )}\n                  {benefits?.map((benefit) => (\n                    <Flex key={benefit.text} mb=\"xsmall\" alignItems=\"center\">\n                      <Image src=\"/img/check.svg\" alt=\"check\" mr=\"small\" />\n                      <Text size=\"small\">{benefit.text}</Text>\n                    </Flex>\n                  ))}\n                </Card>\n              </Box>\n            ))}\n          </Box>\n        </Container>\n      </Box>\n      <Box>\n        <Container>\n          <Heading level=\"2\" mb=\"xlarge\" textTransform=\"uppercase\">\n            Job Openings\n          </Heading>\n          <Accordion collapsible multiple>\n            {openings.map((opening) => (\n              <AccordionItem\n                mb=\"xlarge\"\n                borderRadius=\"8\"\n                boxShadow=\"0px 15px 30px rgba(0, 0, 0, 0.1)\"\n                key={opening.role}\n                css={css`\n                  &[data-reach-accordion-item][data-state='open']\n                    [data-reach-accordion-button]\n                    img {\n                    transform: rotate(135deg);\n                  }\n                `}\n              >\n                <AccordionButton\n                  p=\"large\"\n                  border=\"0\"\n                  display=\"flex\"\n                  width=\"100%\"\n                  bg=\"transparent\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                >\n                  <Heading level=\"3\">{opening.role}</Heading>\n                  <Image\n                    src=\"/img/plus-circle.svg\"\n                    alt=\"expand\"\n                    width=\"37\"\n                    height=\"37\"\n                    transition=\"transform 200ms\"\n                  />\n                </AccordionButton>\n                <AccordionPanel py=\"large\" px=\"xxlarge\">\n                  <Markdown\n                    css={css`\n                      p,\n                      ul {\n                        font-size: 14px;\n                      }\n                    `}\n                  >\n                    {opening.markdown}\n                  </Markdown>\n                </AccordionPanel>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </Container>\n      </Box>\n      <Box mb=\"120\">\n        <Container>\n          <Box bg=\"lime\" borderRadius=\"8\" textAlign=\"center\" p=\"xlarge\">\n            <Heading\n              level=\"3\"\n              color=\"primary\"\n              mb=\"large\"\n              textTransform=\"uppercase\"\n            >\n              {application.heading}\n            </Heading>\n            <Text\n              size=\"small\"\n              whiteSpace=\"break-spaces\"\n              maxWidth=\"600\"\n              mx=\"auto\"\n              mb=\"large\"\n            >\n              {application.text}\n            </Text>\n            <Button\n              href={application.pdf}\n              // @ts-ignore\n              target=\"_blank\"\n              py=\"medium\"\n              size=\"large\"\n              width=\"300\"\n              maxWidth=\"100%\"\n              textTransform=\"uppercase\"\n            >\n              Apply Now\n            </Button>\n          </Box>\n        </Container>\n      </Box>\n    </>\n  )\n}\n\ninterface CareersPageProps {\n  data: {\n    markdownRemark: {\n      frontmatter: CareersTemplateProps\n    }\n  }\n}\n\nconst CareersPage: React.FC<CareersPageProps> = ({ data }) => {\n  const { frontmatter } = data.markdownRemark\n\n  return (\n    <Layout transparentNavbarOnTop>\n      <CareersPageTemplate {...frontmatter} />\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  query CareersPageTemplate {\n    markdownRemark(frontmatter: { templateKey: { eq: \"careers\" } }) {\n      frontmatter {\n        seoTitle\n        metaDescription\n        hero {\n          heading\n          subheading\n          text\n          background\n        }\n        lead {\n          heading\n          text\n        }\n        details {\n          heading\n          text\n          icon\n          benefits {\n            text\n          }\n        }\n        openings {\n          role\n          markdown\n        }\n        application {\n          heading\n          text\n          pdf\n        }\n      }\n    }\n  }\n`\n\nexport { CareersPageTemplate }\nexport default CareersPage\n"],"sourceRoot":""}