{"version":3,"file":"dynamicComponents-slpTopHeaderWithPath-slpTopHeaderWithPath-3a42245f0156850fa4ba.js","mappings":"mOAMe,SAASA,EAAqB,GAAkB,IAAD,gBAAfC,EAAW,EAAXA,YACvCC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,IAGN,OACE,gBAAC,gBAAoB,KACnB,gBAAC,OAAW,KACV,gBAAC,YAAgB,CACfC,MACEC,EAAAA,EAAAA,IAAkBP,aAAW,EAAXA,EAAaQ,MAC3BR,aAAW,EAAXA,EAAaQ,MACbC,EAAAA,EAAAA,IAAiBC,qCAAgCV,aAAW,EAAXA,EAAaQ,OAEpEG,QAAQC,EAAAA,EAAAA,IAAcZ,aAAW,EAAXA,EAAaQ,MAAQ,SAAW,SAEtD,gBAAC,WAAe,CACdK,IAAKb,SAAkB,QAAP,EAAXA,EAAac,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BC,IAC/BC,IAAKjB,SAAkB,QAAP,EAAXA,EAAac,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BG,SAC/BC,MAAOnB,SAAkB,QAAP,EAAXA,EAAac,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BG,aAGpClB,aAAW,EAAXA,EAAaoB,WACZ,gBAAC,WAAe,MACbC,EAAAA,EAAAA,GACCC,KAAKC,MAAMvB,SAAqB,QAAV,EAAXA,EAAaoB,gBAAQ,WAAV,EAAX,EAAuBI,KAClCvB,IAIN,uBAAKwB,MAAO,CAAEC,MAAO,WAI7B,C,4OCzCaC,EAAgBC,EAAAA,QAAAA,IAAAA,WAAU,qFAAVA,CAAU,yBAI1BC,EAAOD,EAAAA,QAAAA,IAAAA,WAAU,4EAAVA,CAAU,oIAWjBE,EAAWF,EAAAA,QAAAA,IAAAA,WAAU,gFAAVA,CAAU,4MAgBrBG,EAAYH,EAAAA,QAAAA,EAAAA,WAAQ,iFAARA,CAAQ,qBAIpBI,EAAWJ,EAAAA,QAAAA,IAAAA,WAAU,gFAAVA,CAAU,gEAOrBK,EAAWL,EAAAA,QAAAA,IAAAA,WAAU,gFAAVA,CAAU,kO","sources":["webpack://bluewave-energy/./src/dynamicComponents/slpTopHeaderWithPath/slpTopHeaderWithPath.js","webpack://bluewave-energy/./src/dynamicComponents/slpTopHeaderWithPath/slpTopHeaderWithPathStyles.js"],"sourcesContent":["import { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport React from 'react';\nimport * as Styled from './slpTopHeaderWithPathStyles';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlhref } from '../../utils';\n\nexport default function SlpTopHeaderWithPath({ sectionData }) {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n    },\n  };\n  return (\n    <Styled.HeadContainer>\n      <Styled.Head>\n        <Styled.LinkStyle\n          href={\n            isExternalUrlhref(sectionData?.path)\n              ? sectionData?.path\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + sectionData?.path)\n          }\n          target={isExternalUrl(sectionData?.path) ? '_blank' : '_self'}\n        >\n          <Styled.HeadLogo\n            src={sectionData?.image?.file?.url}\n            alt={sectionData?.image?.file?.fileName}\n            title={sectionData?.image?.file?.fileName}\n          />\n        </Styled.LinkStyle>\n        {sectionData?.richText && (\n          <Styled.TitleDiv>\n            {documentToReactComponents(\n              JSON.parse(sectionData?.richText?.raw),\n              optionsMainStyle\n            )}\n          </Styled.TitleDiv>\n        )}\n        <div style={{ clear: 'both' }}></div>\n      </Styled.Head>\n    </Styled.HeadContainer>\n  );\n}\n","import styled from 'styled-components';\n\nexport const HeadContainer = styled.div`\n  background: #00457C;\n`;\n\nexport const Head = styled.div`\n  width: 320px;\n  margin: 0 auto;\n  padding: 23px 0 23px 0;\n  @media (max-width: 767px) {\n    width: 100%;\n    height: auto;\n    padding: 25px 0;\n    display: block;\n  }\n`;\nexport const HeadLogo = styled.img`\n  float: left;\n  width: 100%;\n  height: auto;\n  max-width: 300px;\n  border: 0;\n  vertical-align: top;\n  @media (max-width: 991px) {\n    float: none;\n    padding-left: 40px;\n    padding-right: 40px;\n    display: block;\n    margin: 0 auto;\n    text-align: center;\n  }\n`;\nexport const LinkStyle = styled.a`\n  cursor: pointer;\n`;\n\nexport const TitleDiv = styled.div`\n  padding: 25px 0 0 18px;\n  @media (max-width: 767px) {\n    padding: 0;\n  }\n`;\n\nexport const ParaText = styled.div`\n  letter-spacing: 0.02em;\n  margin-bottom: 10px;\n  font-size: 15px;\n  line-height: 15px;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  color: #ffc324;\n  @media (max-width: 767px) {\n    line-height: 22px;\n  }\n  b {\n    font-family: 'Figtree-Bold', arial, sans-serif;\n  }\n`;\n"],"names":["SlpTopHeaderWithPath","sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","href","isExternalUrlhref","path","addTrailingSlash","process","target","isExternalUrl","src","image","file","url","alt","fileName","title","richText","documentToReactComponents","JSON","parse","raw","style","clear","HeadContainer","styled","Head","HeadLogo","LinkStyle","TitleDiv","ParaText"],"sourceRoot":""}