{"version":3,"file":"dynamicComponents-contentWithListOfImages-contentWithListOfImages-8fc97f1cca9abedba63a.js","mappings":"4LAMMA,EAA0B,SAA1BA,EAAuB,GAAyB,IAAnBC,EAAW,EAAXA,YACjC,OACE,gCACE,gBAAC,UAAc,KACZA,GACC,gBAAC,IAAG,CAACC,UAAU,QACZD,aAAW,EAAXA,EAAaE,uBACZF,EAAYE,qBAAqBC,KAAI,SAACC,EAASC,GAC7C,GAAID,SAAAA,EAASE,MAAQC,EAAAA,EAAAA,SAAqBH,aAAO,EAAPA,EAASE,MAAO,CACxD,IAAME,GAAmBC,EAAAA,EAAAA,SAAS,CAAD,6DAEFL,EAAQE,KAAI,IAAIF,EAAQE,MAAI,uIAFzB,kBAChC,SAAM,KACuBF,EAAQE,KAAI,IAAIF,EAAQE,KACpD,sQAD4BF,EAAQE,KAAI,IAAIF,EAAQE,KAAI,IAG3D,OACE,gBAAC,cAAkB,CAACI,GAAI,EAAGC,IAAKN,EAAOJ,UAAU,QAC/C,gBAACO,EAAgB,CAACG,IAAKN,EAAOL,YAAaI,IAGjD,CACF,MAIR,gBAAC,kBAAsB,MAG7B,EACA,W,kKC/BaQ,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,iFAAVA,CAAU,2MAcpBC,EAAkBD,EAAAA,QAAAA,GAAAA,WAAS,yFAATA,CAAS,sIAY3BE,GAAcF,EAAAA,EAAAA,SAAOG,EAAAA,GAAI,gGAAXH,CAAW,K","sources":["webpack://bluewave-energy/./src/dynamicComponents/contentWithListOfImages/contentWithListOfImages.js","webpack://bluewave-energy/./src/dynamicComponents/contentWithListOfImages/contentWithListOfImagesStyle.js"],"sourcesContent":["import React from 'react';\nimport { sectionList } from '../../constants/queryFragments';\nimport loadable from '@loadable/component';\nimport * as Styled from './contentWithListOfImagesStyle';\nimport { Row } from 'react-bootstrap';\n\nconst ContentWithListOfImages = ({ sectionData }) => {\n  return (\n    <>\n      <Styled.MainDiv>\n        {sectionData && (\n          <Row className=\"g-0\">\n            {sectionData?.listOfImagesWithPath &&\n              sectionData.listOfImagesWithPath.map((section, index) => {\n                if (section?.type && sectionList.includes(section?.type)) {\n                  const SectionComponent = loadable(() =>\n                    import(\n                      `../../dynamicComponents/${section.type}/${section.type}`\n                    )\n                  );\n                  return (\n                    <Styled.ColumnStyle md={3} key={index} className=\"px-0\">\n                      <SectionComponent key={index} sectionData={section} />\n                    </Styled.ColumnStyle>\n                  );\n                }\n              })}\n          </Row>\n        )}\n      </Styled.MainDiv>\n      <Styled.HorizontalBreak />\n    </>\n  );\n};\nexport default ContentWithListOfImages;\n","import styled from 'styled-components';\nimport { Col } from 'react-bootstrap';\n\nexport const MainDiv = styled.div`\n  color: #666;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n  display: block;\n  @media (max-width: 767px) {\n    font-size: 15px;\n    line-height: 22px;\n    display: none;\n  }\n`;\n\nexport const HorizontalBreak = styled.hr`\n  height: 1px;\n  border: none;\n  background: #e5e5e5;\n  margin: 50px 0;\n  clear: both;\n  opacity: 1 !important;\n  @media (max-width: 767px) {\n    margin: 30px 0;\n  }\n`;\n\nexport const ColumnStyle = styled(Col)``;\n"],"names":["ContentWithListOfImages","sectionData","className","listOfImagesWithPath","map","section","index","type","sectionList","SectionComponent","loadable","md","key","MainDiv","styled","HorizontalBreak","ColumnStyle","Col"],"sourceRoot":""}