{"version":3,"file":"components-contentWithListOfImages-contentWithListOfImages-db2b2bcb174a924cc3b5.js","mappings":"uLAMA,MAAMA,EAA0BC,IAAsB,IAArB,YAAEC,GAAaD,EAC9C,OACEE,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,QAAc,KACZF,GACCC,EAAAA,cAACE,EAAAA,EAAG,CAACC,UAAU,QACZJ,aAAW,EAAXA,EAAaK,uBACZL,EAAYK,qBAAqBC,KAAI,CAACC,EAASC,KAC7C,GAAID,SAAAA,EAASE,MAAQC,EAAAA,EAAYC,SAASJ,aAAO,EAAPA,EAASE,MAAO,CACxD,MAAMG,GAAmBC,EAAAA,EAAAA,SAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,oBACJR,EAAQE,QAAQF,EAAQE,OAAIO,QAAA,kCAAAC,OAAAA,CAAAC,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,gBAAAJ,SAAAK,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YADvBA,IAChC,QAAQ,KAAmBf,EAAQE,QAAQF,EAAQE,QAAOc,YAAAA,CAAAL,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,YAAAJ,SAAAK,IAAA,OAAAG,YAAAJ,GAAAM,MAAAV,IAAA,KAAAA,SAAAK,IAAA,EAAAL,IAAA,EAAAW,WAAAA,CAAAP,GAAA,MAAAQ,EAAA,KAAAN,QAAAF,GAAA,OAAAS,EAAAD,EAAA,EAAAN,OAAAA,GAAA,OAAlD,oBAAmBb,EAAQE,QAAQF,EAAQE,OAAK,IAE1D,OACER,EAAAA,cAACC,EAAAA,YAAkB,CAAC0B,GAAI,EAAGT,IAAKX,EAAOJ,UAAU,QAC/CH,EAAAA,cAACW,EAAgB,CAACO,IAAKX,EAAOR,YAAaO,IAGjD,OAKVN,EAAAA,cAACC,EAAAA,gBAAsB,MACtB,EAGP,W,iKC7BO,MAAM2B,EAAUC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,eAAVJ,CAAU,qNAepBK,EAAkBL,EAAAA,QAAOM,GAAEJ,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAATJ,CAAS,sIAY3BO,GAAcP,EAAAA,EAAAA,SAAOQ,EAAAA,GAAIN,WAAA,CAAAC,YAAA,4CAAAC,YAAA,eAAXJ,CAAW,K","sources":["webpack://islandpetro/./src/components/contentWithListOfImages/contentWithListOfImages.js","webpack://islandpetro/./src/components/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(`../../components/${section.type}/${section.type}`)\n                  );\n                  return (\n                    <Styled.ColumnStyle md={4} 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  width: 75%;\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","_ref","sectionData","React","Styled","Row","className","listOfImagesWithPath","map","section","index","type","sectionList","includes","SectionComponent","loadable","resolved","chunkName","replace","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","md","MainDiv","styled","div","withConfig","displayName","componentId","HorizontalBreak","hr","ColumnStyle","Col"],"sourceRoot":""}