{"version":3,"file":"static/js/281.34289a05.chunk.js","mappings":"gOAEaA,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,SC8B3C,GAAeK,EAAAA,EAAAA,IAAf,EApCoB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAOF,EAAPE,QAASC,EAAMH,EAANG,OAOnC,OACIC,EAAAA,EAAAA,KAACb,EAAkB,CAACc,MAAO,CAAEC,WAAY,QAASC,UAC9CH,EAAAA,EAAAA,KAACI,EAAAA,GAAK,CAACC,UAAU,KAAKC,aAAW,EAAAH,UAC7BH,EAAAA,EAAAA,KAACO,EAAAA,EAAG,CAACC,QAAQ,SAASC,MAAM,SAAQN,UAChCH,EAAAA,EAAAA,KAACP,EAAc,CAAAU,UACXO,EAAAA,EAAAA,MAACC,EAAAA,EAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAGZ,SAAA,EAChCH,EAAAA,EAAAA,KAAA,MAAAG,SAAKN,IACe,kBAAZC,GACJE,EAAAA,EAAAA,KAACT,EAAO,CAAAY,SAAEL,IAEVA,EAGHC,IACGC,EAAAA,EAAAA,KAACgB,EAAAA,EAAM,CACHC,KAAK,SACLC,QAAS,kBAtBvBC,EAsBsC,eArBpCC,SAASC,eAAeF,GAChCG,eAAe,CACnBC,SAAU,WAHD,IAACJ,CAsBgD,EAAChB,SAElCJ,cASrC,G","sources":["components/MiddleBlock/styles.tsx","components/MiddleBlock/index.tsx"],"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, TFunction } 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: any;\r\n    button?: string;\r\n}\r\n\r\nconst MiddleBlock = ({ title, content, button }: 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 style={{ paddingTop: \"3rem\" }}>\r\n            <Slide direction=\"up\" triggerOnce>\r\n                <Row justify=\"center\" align=\"middle\">\r\n                    <ContentWrapper>\r\n                        <Col lg={24} md={24} sm={24} xs={24}>\r\n                            <h6>{title}</h6>\r\n                            {typeof content === \"string\" ? (\r\n                                <Content>{content}</Content>\r\n                            ) : (\r\n                                content\r\n                            )}\r\n\r\n                            {button && (\r\n                                <Button\r\n                                    name=\"submit\"\r\n                                    onClick={() => scrollTo(\"contact\")}\r\n                                >\r\n                                    {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"],"names":["MiddleBlockSection","styled","_templateObject","_taggedTemplateLiteral","Content","_templateObject2","ContentWrapper","_templateObject3","withTranslation","_ref","title","content","button","_jsx","style","paddingTop","children","Slide","direction","triggerOnce","Row","justify","align","_jsxs","Col","lg","md","sm","xs","Button","name","onClick","id","document","getElementById","scrollIntoView","behavior"],"sourceRoot":""}