{"version":3,"file":"components-ui-builder-logo-cloud-alternate-310e1281a4f19a575c3c.js","mappings":"mKAkGA,UAzE2B,SAAHA,GASV,IAADC,EAAAD,EARXE,gBAAAA,OAAe,IAAAD,EAAG,GAAEA,EAAAE,EAAAH,EACpBI,gBAAAA,OAAe,IAAAD,EAAG,GAAEA,EACpBE,EAAKL,EAALK,MACAC,EAASN,EAATM,UACAC,EAAWP,EAAXO,YACAC,EAAgBR,EAAhBQ,iBACAC,EAAWT,EAAXS,YACAC,EAAYV,EAAZU,aAEMC,EAAW,WACf,OAAON,EAAMO,KAAI,SAACC,EAAMC,GAAC,OACvBC,EAAAA,cAAA,OACEC,UAAU,2GACVC,IAAKH,GAELC,EAAAA,cAACG,EAAAA,EAAQ,CACPF,UAAU,2CACVG,IAAKN,EAAKO,iBACVC,IAAKR,EAAKQ,IACVC,MAAO,CAAC,IAAK,KAEbC,MAAO,CACLC,MAAO,SACPC,OAAQ,QACRC,UAAW,OACXC,SAAU,UAGV,GAEV,EAEMC,EAAa,WACjB,OAAKpB,EAEHO,EAAAA,cAACc,EAAAA,GAAa,CACZC,UAAU,gDACVpB,aAAcA,EACdD,YAAaA,EACbsB,MAAOzB,GAENC,GARyB,IAWhC,EAEA,OACEQ,EAAAA,cAAA,OACEC,UAAU,WACVO,MAAO,CAAEnB,gBAAAA,EAAiBF,gBAAiBA,EAAe,QAAUA,QAAAA,EAAmB,IAAE,IAAM,SAG/Fa,EAAAA,cAAA,OAAKC,UAAU,wEACZY,IACDb,EAAAA,cAAA,OAAKC,UAAU,8BACbD,EAAAA,cAAA,OAAKC,UAAU,qDAAqDL,OAIxEI,EAAAA,cAAA,OAAKC,UAAU,oFACbD,EAAAA,cAAA,OAAKC,UAAU,8BACbD,EAAAA,cAAA,OAAKC,UAAU,kEACZ,IACAY,IACAjB,OAMb,C","sources":["webpack://www-differentdog-com/./src/components/ui-builder/logo-cloud-alternate/index.tsx"],"sourcesContent":["import { Builder } from '@builder.io/react'\nimport CdnImage from 'components/util/CdnImage'\n// import CloudinaryImage from 'components/util/CloudinaryImage'\nimport { HeadingClass, HeadingType } from 'enums'\nimport React from 'react'\nimport CustomHeading from '../common/heading'\n\ninterface Logo {\n  imgSrc: any\n  alt: string\n  cloudinaryLogoImage: any\n  builderLogoImage: any\n}\n\ninterface Props {\n  backgroundImage: any\n  backgroundColor: string\n  textColor: string\n  logos: Logo[]\n  headingText: string\n  isHeadingEnabled: boolean\n  headingType: HeadingType\n  headingClass: HeadingClass\n}\n\nconst LogoCloudAlternate = ({\n  backgroundImage = '',\n  backgroundColor = '',\n  logos,\n  textColor,\n  headingText,\n  isHeadingEnabled,\n  headingType,\n  headingClass\n}: Props) => {\n  const getLogos = () => {\n    return logos.map((logo, i) => (\n      <div\n        className=\"flex-shrink-1 mt-4 flex max-h-4 w-1/4 justify-center sm:w-1/6 lg:max-h-8 lg:flex-shrink-0 lg:flex-grow-0\"\n        key={i}\n      >\n        <CdnImage\n          className=\"object-contain pr-1 pl-1 sm:pr-0 sm:pl-0\"\n          url={logo.builderLogoImage}\n          alt={logo.alt}\n          steps={[150, 205]}\n          // renderPlaceholder={false}\n          style={{\n            width: '1680px',\n            height: '505px',\n            maxHeight: '100%',\n            maxWidth: '100%'\n          }}\n        />\n      </div>\n    ))\n  }\n\n  const getHeading = () => {\n    if (!isHeadingEnabled) return null\n    return (\n      <CustomHeading\n        classList=\"font-bold text-white text-center mt-0 md:mt-3\"\n        headingClass={headingClass}\n        headingType={headingType}\n        color={textColor}\n      >\n        {headingText}\n      </CustomHeading>\n    )\n  }\n\n  return (\n    <div\n      className=\"bg-cover\"\n      style={{ backgroundColor, backgroundImage: backgroundImage ? `url(${backgroundImage ?? ''})` : 'none' }}\n    >\n      {/* Desktop view */}\n      <div className=\"block md:hidden mx-auto max-w-7xl py-3 px-4 sm:py-10 sm:px-6 lg:px-6\">\n        {getHeading()}\n        <div className=\"flow-root sm:mt-8 lg:mt-10\">\n          <div className=\"flex flex-wrap justify-center gap-x-0 sm:gap-x-12\">{getLogos()}</div>\n        </div>\n      </div>\n      {/* Mobile view */}\n      <div className=\"mx-auto max-w-7xl py-3 px-4 sm:py-10 sm:px-6 lg:px-6 md:flex md:flex-row hidden \">\n        <div className=\"flow-root sm:mt-8 lg:mt-10\">\n          <div className=\"flex flex-wrap justify-center gap-x-0 sm:gap-x-12 align-center\">\n            {' '}\n            {getHeading()}\n            {getLogos()}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LogoCloudAlternate\n"],"names":["_ref","_ref$backgroundImage","backgroundImage","_ref$backgroundColor","backgroundColor","logos","textColor","headingText","isHeadingEnabled","headingType","headingClass","getLogos","map","logo","i","React","className","key","CdnImage","url","builderLogoImage","alt","steps","style","width","height","maxHeight","maxWidth","getHeading","CustomHeading","classList","color"],"sourceRoot":""}