{"version":3,"file":"customer_grid_single.CgitmAE-.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/cfAZKfTARwevGr3s6ldN/ztwBKXfPtpgX0CfaoSI5/customer_grid_single.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useRef,useState}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 1200\n */export default function Customer_grid_single(props){const{bgColor=\"#f6f9fc\",logoOpacity=.7,logoHeight=40,paddingY=48,paddingX=24,maxWidth=1200,logo1,logo2,logo3,logo4}=props;const containerRef=useRef(null);const[cols,setCols]=useState(4);useEffect(()=>{const el=containerRef.current;if(!el)return;const ro=new ResizeObserver(entries=>{const w=entries[0].contentRect.width;if(w<480)setCols(2);else setCols(4);});ro.observe(el);return()=>ro.disconnect();},[]);const logos=[logo1,logo2,logo3,logo4];return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",backgroundColor:bgColor,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(\"div\",{style:{maxWidth:maxWidth,margin:\"0 auto\",padding:paddingY+\"px \"+paddingX+\"px\",boxSizing:\"border-box\",width:\"100%\"},children:/*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(\"+cols+\", 1fr)\",width:\"100%\"},children:logos.map((logoSrc,i)=>{const isLastCol=(i+1)%cols===0;return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"20px 24px\",borderRight:isLastCol?\"none\":\"1px dashed rgba(0,0,0,0.12)\",boxSizing:\"border-box\"},children:logoSrc?/*#__PURE__*/_jsx(\"img\",{src:logoSrc,alt:\"Logo \"+(i+1),draggable:false,style:{height:logoHeight,width:\"auto\",maxWidth:\"100%\",objectFit:\"contain\",opacity:logoOpacity,userSelect:\"none\"}}):/*#__PURE__*/_jsx(\"div\",{style:{height:logoHeight,width:120,borderRadius:8,backgroundColor:\"rgba(0,0,0,0.06)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"rgba(0,0,0,0.25)\",fontSize:12,fontFamily:\"Inter, sans-serif\"},children:\"Logo \"+(i+1)})},i);})})})});}addPropertyControls(Customer_grid_single,{bgColor:{title:\"Background\",type:ControlType.Color,defaultValue:\"#f6f9fc\"},logo1:{title:\"Logo 1\",type:ControlType.Image},logo2:{title:\"Logo 2\",type:ControlType.Image},logo3:{title:\"Logo 3\",type:ControlType.Image},logo4:{title:\"Logo 4\",type:ControlType.Image},logoOpacity:{title:\"Logo Opacity\",type:ControlType.Number,defaultValue:.7,min:0,max:1,step:.05},logoHeight:{title:\"Logo Height\",type:ControlType.Number,defaultValue:40,min:20,max:80,step:2},paddingY:{title:\"Vertical Padding\",type:ControlType.Number,defaultValue:48,min:0,max:100,step:4},paddingX:{title:\"Horizontal Padding\",type:ControlType.Number,defaultValue:24,min:0,max:80,step:4},maxWidth:{title:\"Max Width\",type:ControlType.Number,defaultValue:1200,min:400,max:1400,step:20}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Customer_grid_single\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicWidth\":\"1200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./customer_grid_single.map"],"mappings":"wLAIG,SAAwB,EAAqB,EAAM,CAAC,GAAK,CAAC,UAAQ,UAAU,cAAY,GAAG,aAAW,GAAG,WAAS,GAAG,WAAS,GAAG,WAAS,KAAK,QAAM,QAAM,QAAM,SAAO,EAAY,EAAaA,EAAO,IAAI,EAAO,CAAC,EAAK,GAASC,EAAS,CAAC,EAAE,MAAc,CAAC,IAAM,EAAG,EAAa,QAAQ,GAAG,CAAC,EAAG,OAAO,IAAM,EAAG,IAAI,eAAe,GAAS,CAAS,EAAQ,EAAE,CAAC,YAAY,MAAW,IAAI,EAAQ,CAAC,EAAO,EAAQ,CAAC,CAAE,CAAC,EAAiB,OAAf,EAAG,QAAQ,CAAE,MAAY,EAAG,WAAW,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,CAAC,EAAM,EAAM,EAAM,CAAK,EAAE,OAAoB,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,MAAM,OAAO,gBAAgB,EAAQ,UAAU,YAAY,EAAE,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAU,WAAS,OAAO,SAAS,QAAQ,EAAS,MAAM,EAAS,KAAK,UAAU,aAAa,MAAM,MAAM,EAAE,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,oBAAoB,UAAU,EAAK,SAAS,MAAM,MAAM,EAAE,SAAS,EAAM,KAAK,EAAQ,IAAwD,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,QAAQ,YAAY,aAApI,EAAE,GAAG,IAAO,EAA8I,OAAO,8BAA8B,UAAU,YAAY,EAAE,SAAS,EAAqB,EAAK,MAAM,CAAC,IAAI,EAAQ,IAAI,SAAS,EAAE,GAAG,UAAU,GAAM,MAAM,CAAC,OAAO,EAAW,MAAM,OAAO,SAAS,OAAO,UAAU,UAAU,QAAQ,EAAY,WAAW,MAAM,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,OAAO,EAAW,MAAM,IAAI,aAAa,EAAE,gBAAgB,mBAAmB,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,MAAM,mBAAmB,SAAS,GAAG,WAAW,mBAAmB,EAAE,SAAS,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBAJ7iD,IAAoD,IAA6C,EAI68C,EAAoB,EAAqB,CAAC,QAAQ,CAAC,MAAM,aAAa,KAAK,EAAY,MAAM,aAAa,SAAS,EAAE,MAAM,CAAC,MAAM,SAAS,KAAK,EAAY,KAAK,EAAE,MAAM,CAAC,MAAM,SAAS,KAAK,EAAY,KAAK,EAAE,MAAM,CAAC,MAAM,SAAS,KAAK,EAAY,KAAK,EAAE,MAAM,CAAC,MAAM,SAAS,KAAK,EAAY,KAAK,EAAE,YAAY,CAAC,MAAM,eAAe,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,WAAW,CAAC,MAAM,cAAc,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,mBAAmB,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,qBAAqB,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,YAAY,KAAK,EAAY,OAAO,aAAa,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC"}