{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/bu7QGFlN3036ZUH1CWvl/ln0cJmGKzB7lqN2NXBhQ/Negative_Margin.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{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_Margin(props){const qrRef=useRef(null);// Similar to componentDidMount and componentDidUpdate:\nuseEffect(()=>{// Update the document title using the browser API\nqrRef.current.parentNode.style.marginLeft=props.margin+props.unit;qrRef.current.parentNode.style.marginTop=props.margin+props.unit;});// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nreturn /*#__PURE__*/_jsx(\"div\",{ref:qrRef});}addPropertyControls(Negative_Margin,{/*\n    direction: {\n        type: ControlType.Enum,\n        defaultValue: \"vertical\",\n        displaySegmentedControl: true,\n        segmentedControlDirection: \"vertical\",\n        options: [\"horizontal\", \"vertical\"],\n        optionTitles: [\"Horizontal\", \"Vertical\"],\n    },\n    */unit:{type:ControlType.Enum,defaultValue:\"px\",displaySegmentedControl:true,segmentedControlDirection:\"horizontal\",options:[\"px\",\"%\"],optionTitles:[\"Pixel\",\"Percent\"]},margin:{type:ControlType.Number,max:0,min:-1e3,defaultValue:-3}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Negative_Margin\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Negative_Margin.map"],
  "mappings": "uGASkB,SAARA,EAAiCC,EAAM,CAAC,IAAMC,EAAMC,EAAO,IAAI,EACzE,OAAAC,EAAU,IAAI,CACdF,EAAM,QAAQ,WAAW,MAAM,WAAWD,EAAM,OAAOA,EAAM,KAAKC,EAAM,QAAQ,WAAW,MAAM,UAAUD,EAAM,OAAOA,EAAM,IAAK,CAAC,EAGhHI,EAAK,MAAM,CAAC,IAAIH,CAAK,CAAC,CAAE,CAACI,EAAoBN,EAAgB,CAS3E,KAAK,CAAC,KAAKO,EAAY,KAAK,aAAa,KAAK,wBAAwB,GAAK,0BAA0B,aAAa,QAAQ,CAAC,KAAK,GAAG,EAAE,aAAa,CAAC,QAAQ,SAAS,CAAC,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,IAAI,EAAE,IAAI,KAAK,aAAa,EAAE,CAAC,CAAC",
  "names": ["Negative_Margin", "props", "qrRef", "pe", "ue", "p", "addPropertyControls", "ControlType"]
}