{"version":3,"file":"Negative_Gap.Dpsu4dat.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/WDxawPvbWLs3cToKKGuC/3WIh5X7KWuIWz6UMG2Ow/Negative_Gap.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef}from\"react\";import{useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerDisableUnlink\n */export default function Negative_Gap(props){const qrRef=useRef(null);useEffect(()=>{qrRef.current.parentNode.style.marginLeft=props.gap+props.unit;qrRef.current.parentNode.style.marginTop=props.gap+props.unit;});return /*#__PURE__*/_jsx(\"div\",{ref:qrRef});}Negative_Gap.displayName=\"Negative Gap\";addPropertyControls(Negative_Gap,{unit:{type:ControlType.Enum,defaultValue:\"px\",displaySegmentedControl:true,segmentedControlDirection:\"horizontal\",options:[\"px\",\"%\"],optionTitles:[\"Pixel\",\"Percent\"]},gap:{type:ControlType.Number,max:0,min:-1e3,defaultValue:-3,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Negative_Gap\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Negative_Gap.map"],"mappings":"iLAOG,SAAwB,EAAa,EAAM,CAAC,IAAM,EAAMA,EAAO,IAAI,EAAiJ,OAA/I,MAAc,CAAC,EAAM,QAAQ,WAAW,MAAM,WAAW,EAAM,IAAI,EAAM,KAAK,EAAM,QAAQ,WAAW,MAAM,UAAU,EAAM,IAAI,EAAM,IAAK,CAAC,EAAsB,EAAK,MAAM,CAAC,IAAI,CAAK,CAAC,CAAE,iBAPzN,IAA0B,IAAiF,EAO+G,EAAa,YAAY,eAAe,EAAoB,EAAa,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,aAAa,KAAK,wBAAwB,GAAK,0BAA0B,aAAa,QAAQ,CAAC,KAAK,GAAG,EAAE,aAAa,CAAC,QAAQ,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,EAAY,OAAO,IAAI,EAAE,IAAI,KAAK,aAAa,GAAG,eAAe,EAAI,CAAC,CAAC"}