{"version":3,"file":"components-slpHeaderWithProductsName-slpHeaderWithProductsName-a4292c246567263c90fa.js","mappings":"8MAIe,SAASA,EAAT,GAAqD,IAAD,YAAfC,EAAe,EAAfA,YAClD,OACE,gBAAC,gBAAD,KACE,gBAAC,OAAD,KACE,gBAAC,YAAD,CACEC,MACEC,EAAAA,EAAAA,IAAkBF,MAAAA,OAAD,EAACA,EAAaG,MAC3BH,MAAAA,OADJ,EACIA,EAAaG,MACbC,EAAAA,EAAAA,IAAiBC,kCAAgCL,MAAAA,OAAhC,EAAgCA,EAAaG,OAEpEG,OAAO,UAEP,gBAAC,WAAD,CACEC,IAAKP,MAAAA,GAAF,UAAEA,EAAaQ,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BC,IAC/BC,IAAKX,MAAAA,GAAF,UAAEA,EAAaQ,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BG,SAC/BC,MAAOb,MAAAA,GAAF,UAAEA,EAAaQ,aAAf,iBAAE,EAAoBC,YAAtB,aAAE,EAA0BG,YAGrC,uBAAKE,MAAO,CAAEC,MAAO,c,+KCpBhBC,EAAgBC,EAAAA,QAAAA,IAAAA,WAAH,yFAAGA,CAAH,yBAIbC,EAAOD,EAAAA,QAAAA,IAAAA,WAAH,gFAAGA,CAAH,oJAYJE,EAAWF,EAAAA,QAAAA,IAAAA,WAAH,oFAAGA,CAAH,gLAcRG,EAAYH,EAAAA,QAAAA,EAAAA,WAAH,qFAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpHeaderWithProductsName/slpHeaderWithProductsName.js","webpack://commercial-ultramar/./src/components/slpHeaderWithProductsName/slpHeaderWithProductsNameStyles.js"],"sourcesContent":["import React from 'react';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\nimport * as Styled from './slpHeaderWithProductsNameStyles';\n\nexport default function slpHeaderWithProductsName({ sectionData }) {\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=\"_blank\"\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        <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: #00539f;\n`;\n\nexport const Head = styled.div`\n  width: 320px;\n  height: auto;\n  margin: 0 auto;\n  padding: 23px 0 23px 0;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    height: auto;\n    padding: 25px 0;\n  }\n`;\nexport const HeadLogo = styled.img`\n  float: left;\n  width: 100%;\n  height: auto;\n  max-width: 300px;\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"],"names":["slpHeaderWithProductsName","sectionData","href","isExternalUrlHref","path","addTrailingSlash","process","target","src","image","file","url","alt","fileName","title","style","clear","HeadContainer","styled","Head","HeadLogo","LinkStyle"],"sourceRoot":""}