{"version":3,"file":"static/js/281.d6c3bc4b.chunk.js","mappings":"2MAEO,MAAMA,GAAqBC,EAAAA,EAAAA,IAAO,UAAPA,CAAiBC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,gNAYtCC,GAAUH,EAAAA,EAAAA,IAAO,IAAPA,CAAWI,IAAAA,GAAAF,EAAAA,EAAAA,GAAA,yCAIrBG,GAAiBL,EAAAA,EAAAA,IAAO,MAAPA,CAAaM,IAAAA,GAAAJ,EAAAA,EAAAA,GAAA,2G,aCL3C,MA4BA,GAAeK,EAAAA,EAAAA,IAAf,EA5BoBC,IAAsD,IAArD,MAAEC,EAAK,QAAEC,EAAO,OAAEC,EAAM,EAAEC,GAAqBJ,EAOlE,OACEK,EAAAA,EAAAA,KAACd,EAAkB,CAAAe,UACjBD,EAAAA,EAAAA,KAACE,EAAAA,GAAK,CAACC,UAAU,KAAKC,aAAW,EAAAH,UAC/BD,EAAAA,EAAAA,KAACK,EAAAA,EAAG,CAACC,QAAQ,SAASC,MAAM,SAAQN,UAClCD,EAAAA,EAAAA,KAACR,EAAc,CAAAS,UACbO,EAAAA,EAAAA,MAACC,EAAAA,EAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAGZ,SAAA,EAClCD,EAAAA,EAAAA,KAAA,MAAAC,SAAKF,EAAEH,MACPI,EAAAA,EAAAA,KAACV,EAAO,CAAAW,SAAEF,EAAEF,KACXC,IACCE,EAAAA,EAAAA,KAACc,EAAAA,EAAM,CAACC,KAAK,SAASC,QAASA,KAAMC,OAfjCC,EAe0C,eAd1CC,SAASC,eAAeF,GAChCG,eAAe,CACrBC,SAAU,WAHIJ,KAeqD,EAAAjB,SACtDF,EAAED,eAOI,G","sources":["components/MiddleBlock/styles.tsx","components/MiddleBlock/index.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const MiddleBlockSection = styled(\"section\")`\n  position: relative;\n  padding: 7.5rem 0 3rem;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n\n  @media screen and (max-width: 1024px) {\n    padding: 5.5rem 0 3rem;\n  }\n`;\n\nexport const Content = styled(\"p\")`\n  padding: 0.75rem 0 0.75rem;\n`;\n\nexport const ContentWrapper = styled(\"div\")`\n  max-width: 570px;\n\n  @media only screen and (max-width: 768px) {\n    max-width: 100%;\n  }\n`;\n","import { Row, Col } from \"antd\";\nimport { withTranslation, TFunction } from \"react-i18next\";\nimport { Slide } from \"react-awesome-reveal\";\nimport { Button } from \"../../common/Button\";\nimport { MiddleBlockSection, Content, ContentWrapper } from \"./styles\";\n\ninterface MiddleBlockProps {\n  title: string;\n  content: string;\n  button: string;\n  t: TFunction;\n}\n\nconst MiddleBlock = ({ title, content, button, t }: MiddleBlockProps) => {\n  const scrollTo = (id: string) => {\n    const element = document.getElementById(id) as HTMLDivElement;\n    element.scrollIntoView({\n      behavior: \"smooth\",\n    });\n  };\n  return (\n    <MiddleBlockSection>\n      <Slide direction=\"up\" triggerOnce>\n        <Row justify=\"center\" align=\"middle\">\n          <ContentWrapper>\n            <Col lg={24} md={24} sm={24} xs={24}>\n              <h6>{t(title)}</h6>\n              <Content>{t(content)}</Content>\n              {button && (\n                <Button name=\"submit\" onClick={() => scrollTo(\"mission\")}>\n                  {t(button)}\n                </Button>\n              )}\n            </Col>\n          </ContentWrapper>\n        </Row>\n      </Slide>\n    </MiddleBlockSection>\n  );\n};\n\nexport default withTranslation()(MiddleBlock);\n"],"names":["MiddleBlockSection","styled","_templateObject","_taggedTemplateLiteral","Content","_templateObject2","ContentWrapper","_templateObject3","withTranslation","_ref","title","content","button","t","_jsx","children","Slide","direction","triggerOnce","Row","justify","align","_jsxs","Col","lg","md","sm","xs","Button","name","onClick","scrollTo","id","document","getElementById","scrollIntoView","behavior"],"sourceRoot":""}