{"version":3,"file":"Gap_System.D4WTtbLY.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/GtAQ3XEKfVSblwDzpMiT/odSIVYm14yJSlG649ZCk/Gap_System.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export function withResponsiveGap(Component){return props=>{const[gapValue,setGapValue]=useState(15);useEffect(()=>{const updateGap=()=>{const width=window.innerWidth;if(width>=1650){setGapValue(15)// Desktop 1920+\n;}else if(width>=1320){setGapValue(12)// Desktop 1440\n;}else if(width>=1024){setGapValue(14)// Tablet 1024\n;}else if(width>=810){setGapValue(14)// Tablet 810\n;}else{setGapValue(15)// Phone\n;}};updateGap();window.addEventListener(\"resize\",updateGap);return()=>window.removeEventListener(\"resize\",updateGap);},[]);return /*#__PURE__*/_jsx(Component,{...props,gap:gapValue,style:{...props.style,display:\"flex\",gap:gapValue}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withResponsiveGap\":{\"type\":\"reactHoc\",\"name\":\"withResponsiveGap\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Gap_System.map"],"mappings":"uIAAiF,SAAgB,EAAkB,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAS,GAAaA,EAAS,EAAE,EAKzD,OAL2D,MAAc,CAAC,IAAM,MAAc,CAAC,IAAM,EAAM,EAAO,WAA2B,EAAb,GAAO,KAAkB,GAC1Q,GAAO,KAAkB,GACzB,GAAO,MACP,GAAO,IADkB,GAEhB,EAAE,CACnB,EAA0D,OAAxD,EAAU,EAAE,EAAO,iBAAiB,SAAS,CAAS,MAAY,EAAO,oBAAoB,SAAS,CAAS,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,IAAI,EAAS,MAAM,CAAC,GAAG,EAAM,MAAM,QAAQ,OAAO,IAAI,CAAQ,CAAC,CAAC,CAAE,CAAE,qBALlM,IAAsC"}