{"version":3,"file":"components-slpCRPContentList-slpCRPContentList-7d95e43818f0a8e6231d.js","mappings":"8KAKA,MAAMA,EAAoBC,IAAsB,IAADC,EAAAC,EAAAC,EAAA,IAApB,YAAEC,GAAaJ,EACxC,OACEK,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,KAAW,MACTF,SAAmB,QAARH,EAAXG,EAAaG,cAAM,IAAAN,OAAR,EAAXA,EAAqBO,SACpBH,EAAAA,cAACC,EAAAA,QAAc,KAAEF,aAAW,EAAXA,EAAaG,SAE/BH,SAAoB,QAATF,EAAXE,EAAaK,eAAO,IAAAP,OAAT,EAAXA,EAAsBM,SAAUH,EAAAA,cAAA,UAAKD,aAAW,EAAXA,EAAaK,SAElDL,GACCC,EAAAA,cAAAA,EAAAA,SAAA,MACGD,aAAW,EAAXA,EAAaM,QACZN,SAAiB,QAAND,EAAXC,EAAaM,YAAI,IAAAP,OAAN,EAAXA,EAAmBQ,KAAI,CAACC,EAASC,KAC/B,GAAID,SAAAA,EAASE,MAAmB,OAAXC,EAAAA,QAAW,IAAXA,EAAAA,GAAAA,EAAAA,EAAaC,SAASJ,aAAO,EAAPA,EAASE,MAAO,CAEzD,MAAMG,GAAmBC,EAAAA,EAAAA,SAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,oBACJR,aAAO,EAAPA,EAASE,QAAQF,aAAO,EAAPA,EAASE,OAAIO,QAAA,kCAAAC,OAAAA,CAAAC,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,gBAAAJ,SAAAK,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YADzBA,IAChC,QAAQ,KAAmBf,aAAO,EAAPA,EAASE,QAAQF,aAAO,EAAPA,EAASE,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,OAApD,oBAAmBb,aAAO,EAAPA,EAASE,QAAQF,aAAO,EAAPA,EAASE,OAAK,IAE5D,OACET,EAAAA,cAACC,EAAAA,cAAoB,CAACkB,IAAKX,GACzBR,EAAAA,cAACY,EAAgB,CAACO,IAAKX,EAAOT,YAAaQ,IAGjD,QAKT,EAGP,W,8IClCO,MAAMqB,EAAgBC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,oWAsB1BK,EAAOL,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAAVJ,CAAU,uOAM1BD,GAaSO,EAAUN,EAAAA,QAAOO,GAAEL,WAAA,CAAAC,YAAA,mCAAAC,YAAA,eAATJ,CAAS,kH","sources":["webpack://islandpetro/./src/components/slpCRPContentList/slpCRPContentList.js","webpack://islandpetro/./src/components/slpCRPContentList/slpCRPContentListStyles.js"],"sourcesContent":["import React from 'react';\nimport { sectionList } from '../../constants/queryFragments';\nimport loadable from '@loadable/component';\nimport * as Styled from './slpCRPContentListStyles';\n\nconst SlpCRPContentList = ({ sectionData }) => {\n  return (\n    <>\n      <Styled.Body>\n        {sectionData?.header?.trim() && (\n          <Styled.Heading>{sectionData?.header}</Styled.Heading>\n        )}\n        {sectionData?.subtext?.trim() && <h3>{sectionData?.subtext}</h3>}\n\n        {sectionData && (\n          <>\n            {sectionData?.list &&\n              sectionData?.list?.map((section, index) => {\n                if (section?.type && sectionList?.includes(section?.type)) {\n                  // const sectionData = sectionData.list[section.type];\n                  const SectionComponent = loadable(() =>\n                    import(`../../components/${section?.type}/${section?.type}`)\n                  );\n                  return (\n                    <Styled.MainContainer key={index}>\n                      <SectionComponent key={index} sectionData={section} />\n                    </Styled.MainContainer>\n                  );\n                }\n              })}\n          </>\n        )}\n      </Styled.Body>\n    </>\n  );\n};\nexport default SlpCRPContentList;\n","import styled from 'styled-components';\n\nexport const MainContainer = styled.div`\n  display: inline-block;\n  width: 32%;\n  padding: 25px;\n  margin-bottom: 40px;\n  text-align: center;\n  vertical-align: top;\n  color: #00539f;\n  background: #fff;\n  font-family: 'Helvetica-Condensed', arial, sans-serif;\n  font-size: 20px;\n  line-height: 26px;\n  @media (max-width: 870px) {\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin-bottom: 40px;\n    border-right: none !important;\n    border-left: none !important;\n  }\n`;\n\nexport const Body = styled.div`\n  width: 840px;\n  margin: 0 auto;\n  padding: 80px 0;\n  padding-bottom: 0;\n  text-align: center;\n  ${MainContainer} {\n    :nth-child(odd) {\n      border-left: 1px solid #e5e5e5;\n      border-right: 1px solid #e5e5e5;\n    }\n  }\n  @media (max-width: 870px) {\n    width: 100%;\n    padding: 35px;\n    padding-bottom: 0;\n  }\n`;\n\nexport const Heading = styled.h1`\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  font-size: 30px;\n  margin: 0 0 25px 0;\n  text-align: center;\n  color: #00493b;\n`;\n"],"names":["SlpCRPContentList","_ref","_sectionData$header","_sectionData$subtext","_sectionData$list","sectionData","React","Styled","header","trim","subtext","list","map","section","index","type","sectionList","includes","SectionComponent","loadable","resolved","chunkName","replace","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","MainContainer","styled","div","withConfig","displayName","componentId","Body","Heading","h1"],"sourceRoot":""}