{"version":3,"file":"components-ui-builder-logo-cloud-fe82f6e63440be42217f.js","mappings":"mKAwGA,UA/EkB,SAAHA,GASD,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,aAwDA,OACEC,EAAAA,cAAA,OACEC,UAAU,WACVC,MAAO,CAAET,gBAAAA,EAAiBF,gBAAiBA,EAAe,QAAUA,QAAAA,EAAmB,IAAE,IAAM,SAE/FS,EAAAA,cAAA,OAAKC,UAAU,wDAlBZJ,EAEHG,EAAAA,cAACG,EAAAA,GAAa,CACZC,UAAU,mCACVL,aAAcA,EACdD,YAAaA,EACbO,MAAOV,GAENC,GARyB,KAoB1BI,EAAAA,cAAA,OAAKC,UAAU,mCACbD,EAAAA,cAAA,OAAKC,UAAU,2DA7DdP,EAAMY,KAAI,SAACC,EAAMC,GAAC,OACvBR,EAAAA,cAAA,OACEE,MAAO,CAAEO,UAAW,QACpBR,UAAU,wFACVS,IAAKF,GAELR,EAAAA,cAACW,EAAAA,EAAQ,CACPV,UAAU,2CACVW,IAAKL,EAAKM,iBACVC,IAAKP,EAAKO,IACVC,MAAO,CAAC,IAAK,OAyBX,OA+BZ,C","sources":["webpack://www-differentdog-com/./src/components/ui-builder/logo-cloud/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 LogoCloud = ({\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        style={{ maxHeight: '62px' }}\n        className=\"flex-shrink-1 mt-4 flex w-1/4 justify-center sm:w-1/6 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        />\n\n        {/* {logo.builderLogoImage ? (\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          />\n        ) : (\n          <CloudinaryImage\n            className=\"object-contain pr-1 pl-1 sm:pr-0 sm:pl-0\"\n            publicId={logo?.cloudinaryLogoImage?.public_id}\n            alt={logo.alt}\n            autoFormat={false}\n            steps={[150, 205]}\n            style={{\n              width: '1680px',\n              height: '505px',\n              maxHeight: '100%',\n              maxWidth: '100%'\n            }}\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\"\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      <div className=\"mx-auto max-w-7xl py-3 px-4 sm:py-10 sm:px-6 lg:px-6\">\n        {getHeading()}\n        <div className=\"mt-4 flow-root sm:mt-8 lg:mt-10\">\n          <div className=\"-mt-4 flex flex-wrap justify-center gap-x-0 sm:gap-x-12\">{getLogos()}</div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LogoCloud\n"],"names":["_ref","_ref$backgroundImage","backgroundImage","_ref$backgroundColor","backgroundColor","logos","textColor","headingText","isHeadingEnabled","headingType","headingClass","React","className","style","CustomHeading","classList","color","map","logo","i","maxHeight","key","CdnImage","url","builderLogoImage","alt","steps"],"sourceRoot":""}