{"version":3,"sources":["components/MiddleBlock/styles.tsx","components/MiddleBlock/index.tsx"],"names":["MiddleBlockSection","styled","Content","ContentWrapper","withTranslation","title","content","button","t","direction","justify","align","lg","md","sm","xs","Button","name","onClick","id","document","getElementById","scrollIntoView","behavior"],"mappings":"wLAEaA,EAAqBC,YAAO,UAAPA,CAAH,kOAYlBC,EAAUD,YAAO,IAAPA,CAAH,2DAIPE,EAAiBF,YAAO,MAAPA,CAAH,6H,OCuBZG,yBA5BK,SAAC,GAAqD,IAAnDC,EAAkD,EAAlDA,MAAOC,EAA2C,EAA3CA,QAASC,EAAkC,EAAlCA,OAAQC,EAA0B,EAA1BA,EAO7C,OACE,cAACR,EAAD,UACE,cAAC,IAAD,CAAOS,UAAU,KAAjB,SACE,cAAC,IAAD,CAAKC,QAAQ,SAASC,MAAM,SAA5B,SACE,cAACR,EAAD,UACE,eAAC,IAAD,CAAKS,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAjC,UACE,6BAAKP,EAAEH,KACP,cAACH,EAAD,UAAUM,EAAEF,KACXC,GACC,cAACS,EAAA,EAAD,CAAQC,KAAK,SAASC,QAAS,kBAf3BC,EAe0C,eAd1CC,SAASC,eAAeF,GAChCG,eAAe,CACrBC,SAAU,WAHG,IAACJ,GAeJ,SACGX,EAAED","file":"static/js/7.5bc09d79.chunk.js","sourcesContent":["import styled from \"styled-components\";\r\n\r\nexport const MiddleBlockSection = styled(\"section\")`\r\n  position: relative;\r\n  padding: 7.5rem 0 3rem;\r\n  text-align: center;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  @media screen and (max-width: 1024px) {\r\n    padding: 5.5rem 0 3rem;\r\n  }\r\n`;\r\n\r\nexport const Content = styled(\"p\")`\r\n  padding: 0.75rem 0 0.75rem;\r\n`;\r\n\r\nexport const ContentWrapper = styled(\"div\")`\r\n  max-width: 570px;\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    max-width: 100%;\r\n  }\r\n`;\r\n","import { Row, Col } from \"antd\";\r\nimport { withTranslation } from \"react-i18next\";\r\nimport { Slide } from \"react-awesome-reveal\";\r\nimport { Button } from \"../../common/Button\";\r\nimport { MiddleBlockSection, Content, ContentWrapper } from \"./styles\";\r\n\r\ninterface MiddleBlockProps {\r\n  title: string;\r\n  content: string;\r\n  button?: string;\r\n  t: any;\r\n}\r\n\r\nconst MiddleBlock = ({ title, content, button, t }: MiddleBlockProps) => {\r\n  const scrollTo = (id: string) => {\r\n    const element = document.getElementById(id) as HTMLDivElement;\r\n    element.scrollIntoView({\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n  return (\r\n    <MiddleBlockSection>\r\n      <Slide direction=\"up\">\r\n        <Row justify=\"center\" align=\"middle\">\r\n          <ContentWrapper>\r\n            <Col lg={24} md={24} sm={24} xs={24}>\r\n              <h6>{t(title)}</h6>\r\n              <Content>{t(content)}</Content>\r\n              {button && (\r\n                <Button name=\"submit\" onClick={() => scrollTo(\"product\")}>\r\n                  {t(button)}\r\n                </Button>\r\n              )}\r\n            </Col>\r\n          </ContentWrapper>\r\n        </Row>\r\n      </Slide>\r\n    </MiddleBlockSection>\r\n  );\r\n};\r\n\r\nexport default withTranslation()(MiddleBlock);\r\n"],"sourceRoot":""}