{"version":3,"file":"static/js/702.c988421d.chunk.js","mappings":"8LA+GA,WAAeA,EAAAA,EAAAA,IAAf,EA7FqB,SAAHC,GASQ,IARxBC,EAAID,EAAJC,KACAC,EAAKF,EAALE,MACAC,EAAOH,EAAPG,QACAC,EAAOJ,EAAPI,QACAC,EAAML,EAANK,OACAC,EAACN,EAADM,EACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UASA,OACEC,EAAAA,EAAAA,KAACC,EAAAA,GAAc,CAAAC,UACbF,EAAAA,EAAAA,KAACG,EAAAA,GAAI,CAACJ,UAAWA,EAAWK,aAAW,EAAAF,UACrCG,EAAAA,EAAAA,MAACC,EAAAA,GAAS,CACRC,QAAQ,gBACRC,MAAM,SACNV,GAAIA,EACJC,UAAWA,EAAUG,SAAA,EAErBF,EAAAA,EAAAA,KAACS,EAAAA,EAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAGX,UAClCF,EAAAA,EAAAA,KAACc,EAAAA,EAAO,CAACC,IAAKvB,EAAMwB,MAAM,OAAOC,OAAO,YAE1CjB,EAAAA,EAAAA,KAACS,EAAAA,EAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAGX,UAClCG,EAAAA,EAAAA,MAACa,EAAAA,GAAc,CAAAhB,SAAA,EACbF,EAAAA,EAAAA,KAAA,MAAAE,SAAKL,EAAEJ,MACPO,EAAAA,EAAAA,KAACmB,EAAAA,GAAO,CAAAjB,SAAEL,EAAEH,KACG,UAAdK,GACCC,EAAAA,EAAAA,KAACoB,EAAAA,GAAa,CAAAlB,SACO,kBAAXN,GACNA,EAAOyB,KACL,SACEC,EAIAxB,GAEA,OACEE,EAAAA,EAAAA,KAACuB,EAAAA,EAAM,CAELC,MAAOF,EAAKE,MACZC,QAAS,kBAtClB,SAAC3B,GACA4B,SAASC,eAAe7B,GAChC8B,eAAe,CACrBC,SAAU,UAEd,CAiCyCC,CAAS,QAAQ,EAAC5B,SAEhCL,EAAEyB,EAAK7B,QAJHK,EAOX,OAINE,EAAAA,EAAAA,KAAC+B,EAAAA,GAAc,CAAA7B,UACbF,EAAAA,EAAAA,KAACgC,EAAAA,EAAG,CAACzB,QAAQ,gBAAeL,SACN,kBAAZP,GACNA,EAAQ0B,KACN,SACEC,EAKAxB,GAEA,OACEO,EAAAA,EAAAA,MAACI,EAAAA,EAAG,CAAUwB,KAAM,GAAG/B,SAAA,EACrBF,EAAAA,EAAAA,KAACc,EAAAA,EAAO,CACNC,IAAKO,EAAK9B,KACVwB,MAAM,OACNC,OAAO,UAETjB,EAAAA,EAAAA,KAACkC,EAAAA,GAAQ,CAAAhC,SAAEL,EAAEyB,EAAK7B,UAClBO,EAAAA,EAAAA,KAACmC,EAAAA,GAAO,CAAAjC,SAAEL,EAAEyB,EAAK5B,aAPTI,EAUd,mBAWxB,G","sources":["components/ContentBlock/index.tsx"],"sourcesContent":["import { Row, Col } from \"antd\";\r\nimport { Fade } from \"react-awesome-reveal\";\r\nimport { withTranslation } from \"react-i18next\";\r\n\r\nimport { ContentBlockProps } from \"./types\";\r\nimport { Button } from \"../../common/Button\";\r\nimport { SvgIcon } from \"../../common/SvgIcon\";\r\nimport {\r\n  ContentSection,\r\n  Content,\r\n  ContentWrapper,\r\n  ServiceWrapper,\r\n  MinTitle,\r\n  MinPara,\r\n  StyledRow,\r\n  ButtonWrapper,\r\n} from \"./styles\";\r\n\r\nconst ContentBlock = ({\r\n  icon,\r\n  title,\r\n  content,\r\n  section,\r\n  button,\r\n  t,\r\n  id,\r\n  direction,\r\n}: ContentBlockProps) => {\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\r\n  return (\r\n    <ContentSection>\r\n      <Fade direction={direction} triggerOnce>\r\n        <StyledRow\r\n          justify=\"space-between\"\r\n          align=\"middle\"\r\n          id={id}\r\n          direction={direction}\r\n        >\r\n          <Col lg={11} md={11} sm={12} xs={24}>\r\n            <SvgIcon src={icon} width=\"100%\" height=\"100%\" />\r\n          </Col>\r\n          <Col lg={11} md={11} sm={11} xs={24}>\r\n            <ContentWrapper>\r\n              <h6>{t(title)}</h6>\r\n              <Content>{t(content)}</Content>\r\n              {direction === \"right\" ? (\r\n                <ButtonWrapper>\r\n                  {typeof button === \"object\" &&\r\n                    button.map(\r\n                      (\r\n                        item: {\r\n                          color?: string;\r\n                          title: string;\r\n                        },\r\n                        id: number\r\n                      ) => {\r\n                        return (\r\n                          <Button\r\n                            key={id}\r\n                            color={item.color}\r\n                            onClick={() => scrollTo(\"about\")}\r\n                          >\r\n                            {t(item.title)}\r\n                          </Button>\r\n                        );\r\n                      }\r\n                    )}\r\n                </ButtonWrapper>\r\n              ) : (\r\n                <ServiceWrapper>\r\n                  <Row justify=\"space-between\">\r\n                    {typeof section === \"object\" &&\r\n                      section.map(\r\n                        (\r\n                          item: {\r\n                            title: string;\r\n                            content: string;\r\n                            icon: string;\r\n                          },\r\n                          id: number\r\n                        ) => {\r\n                          return (\r\n                            <Col key={id} span={11}>\r\n                              <SvgIcon\r\n                                src={item.icon}\r\n                                width=\"60px\"\r\n                                height=\"60px\"\r\n                              />\r\n                              <MinTitle>{t(item.title)}</MinTitle>\r\n                              <MinPara>{t(item.content)}</MinPara>\r\n                            </Col>\r\n                          );\r\n                        }\r\n                      )}\r\n                  </Row>\r\n                </ServiceWrapper>\r\n              )}\r\n            </ContentWrapper>\r\n          </Col>\r\n        </StyledRow>\r\n      </Fade>\r\n    </ContentSection>\r\n  );\r\n};\r\n\r\nexport default withTranslation()(ContentBlock);\r\n"],"names":["withTranslation","_ref","icon","title","content","section","button","t","id","direction","_jsx","ContentSection","children","Fade","triggerOnce","_jsxs","StyledRow","justify","align","Col","lg","md","sm","xs","SvgIcon","src","width","height","ContentWrapper","Content","ButtonWrapper","map","item","Button","color","onClick","document","getElementById","scrollIntoView","behavior","scrollTo","ServiceWrapper","Row","span","MinTitle","MinPara"],"sourceRoot":""}