{"version":3,"file":"static/js/290.4fbcb601.chunk.js","mappings":"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","sources":["common/SvgIcon/index.tsx","components/ContentBlock/styles.ts","components/ContentBlock/index.tsx"],"sourcesContent":["import { SvgIconProps } from \"../types\";\n\nexport const SvgIcon = ({ src, width, height }: SvgIconProps) => (\n  <img src={`/img/svg/${src}`} alt={src} width={width} height={height} />\n);\n","import { Row } from \"antd\";\nimport styled from \"styled-components\";\n\nexport const ContentSection = styled(\"section\")`\n  position: relative;\n  padding: 0rem 0 8rem;\n    // color: #4789f7 !important\n\n\n  @media only screen and (max-width: 1024px) {\n    padding: 4rem 0 4rem;\n  }\n`;\n\nexport const Content = styled(\"p\")`\n  margin: 1.5rem 0 2rem 0;\n    // color: #4789f7 !important\n\n\n`;\n\nexport const StyledRow = styled(Row)`\n  flex-direction: ${({ direction }: { direction: string }) =>\n    direction === \"left\" ? \"row\" : \"row-reverse\"};\n      // color: #4789f7 !important\n\n\n`;\n\nexport const ContentWrapper = styled(\"div\")`\n  position: relative;\n  max-width: 540px;\n    // color: #4789f7 !important\n\n  @media only screen and (max-width: 575px) {\n    padding-top: 4rem;\n  }\n`;\n\nexport const ServiceWrapper = styled(\"div\")`\n  display: flex;\n  justify-content: space-between;\n  max-width: 100%;\n    // color: #4789f7 !important\n\n\n`;\n\nexport const MinTitle = styled(\"h6\")`\n  font-size: 15px;\n  line-height: 1rem;\n  padding: 0.5rem 0;\n  text-transform: uppercase;\n  color: #000;\n  font-family: \"Motiva Sans Light\", sans-serif;\n    // color: #4789f7 !important\n\n\n`;\n\nexport const MinPara = styled(\"p\")`\n  font-size: 13px;\n`;\n\nexport const ButtonWrapper = styled(\"div\")`\n  display: flex;\n  justify-content: space-between;\n  max-width: 100%;\n    // color: #4789f7 !important\n\n\n\n  @media screen and (min-width: 1024px) {\n    max-width: 80%;\n  }\n\n  button:last-child {\n    margin-left: 20px;\n  }\n`;\n","import { Row, Col, Image } from \"antd\";\nimport { Fade } from \"react-awesome-reveal\";\nimport { withTranslation } from \"react-i18next\";\n\nimport { ContentBlockProps } from \"./types\";\nimport { Button } from \"../../common/Button\";\nimport { SvgIcon } from \"../../common/SvgIcon\";\nimport {\n  ContentSection,\n  Content,\n  ContentWrapper,\n  ServiceWrapper,\n  MinTitle,\n  MinPara,\n  StyledRow,\n  ButtonWrapper,\n} from \"./styles\";\n\nconst ContentBlock = ({\n  icon,\n  title,\n  content,\n  section,\n  button,\n  t,\n  id,\n  direction,\n}: ContentBlockProps) => {\n  const scrollTo = (id: string) => {\n    const element = document.getElementById(id) as HTMLDivElement;\n    element.scrollIntoView({\n      behavior: \"smooth\",\n    });\n  };\n\n  return (\n    <ContentSection>\n      <Fade direction={direction} triggerOnce>\n        <StyledRow\n          justify=\"space-between\"\n          align=\"middle\"\n          id={id}\n          direction={direction}\n        >\n          <Col lg={11} md={11} sm={12} xs={24}>\n            {/* <SvgIcon src={\"\"} width=\"100%\" height=\"100%\" /> */}\n            <Image src=\"https://salework.net/wp-content/uploads/2022/09/dropshipping-shopee-la-gi-1.jpg\" preview={false}/>\n          </Col>\n          <Col lg={11} md={11} sm={11} xs={24}>\n            <ContentWrapper>\n              <h4>{t(title)}</h4>\n              <Content>{t(content)}</Content>\n              {direction === \"right\" ? (\n                <ButtonWrapper>\n                  {typeof button === \"object\" &&\n                    button.map(\n                      (\n                        item: {\n                          color?: string;\n                          title: string;\n                        },\n                        id: number\n                      ) => {\n                        return (\n                          <Button\n                            key={id}\n                            color={item.color}\n                            onClick={() => scrollTo(\"about\")}\n                          >\n                            {t(item.title)}\n                          </Button>\n                        );\n                      }\n                    )}\n                </ButtonWrapper>\n              ) : (\n                <ServiceWrapper>\n                  <Row justify=\"space-between\">\n                    {typeof section === \"object\" &&\n                      section.map(\n                        (\n                          item: {\n                            title: string;\n                            content: string;\n                            icon: string;\n                          },\n                          id: number\n                        ) => {\n                          return (\n                            <Col key={id} span={11}>\n                              <SvgIcon\n                                src={item.icon}\n                                width=\"60px\"\n                                height=\"60px\"\n                              />\n                              <MinTitle>{t(item.title)}</MinTitle>\n                              <MinPara>{t(item.content)}</MinPara>\n                            </Col>\n                          );\n                        }\n                      )}\n                  </Row>\n                </ServiceWrapper>\n              )}\n            </ContentWrapper>\n          </Col>\n        </StyledRow>\n      </Fade>\n    </ContentSection>\n  );\n};\n\nexport default withTranslation()(ContentBlock);\n"],"names":["SvgIcon","_ref","src","width","height","_jsx","concat","alt","ContentSection","styled","_templateObject","_taggedTemplateLiteral","Content","_templateObject2","StyledRow","Row","_templateObject3","direction","ContentWrapper","_templateObject4","ServiceWrapper","_templateObject5","MinTitle","_templateObject6","MinPara","_templateObject7","ButtonWrapper","_templateObject8","withTranslation","icon","title","content","section","button","t","id","children","Fade","triggerOnce","_jsxs","justify","align","Col","lg","md","sm","xs","Image","preview","map","item","Button","color","onClick","document","getElementById","scrollIntoView","behavior","scrollTo","span"],"sourceRoot":""}