{"version":3,"file":"Negative_Margin.DRIZIl5f.mjs","names":[],"sources":["https:/framerusercontent.com/modules/8LzieFT84uHoPxCmYXnS/21x9brljcV0vvKVOiANd/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":"0QASG,SAAwB,EAAgB,EAAM,CAAC,IAAM,EAAM,EAAO,KAAK,CAK1E,MAJA,GAAU,IAAI,CACoD,AAAlE,EAAM,QAAQ,WAAW,MAAM,WAAW,EAAM,OAAO,EAAM,KAAK,EAAM,QAAQ,WAAW,MAAM,UAAU,EAAM,OAAO,EAAM,IAAM,EAAC,CAGjH,EAAK,MAAM,CAAC,IAAI,CAAM,EAAC,AAAE,cAAA,AAZ7C,GAA2C,IAA0B,CAA6B,GAAoD,CAYzG,EAAoB,EAAgB,CAS3E,KAAK,CAAC,KAAK,EAAY,KAAK,aAAa,KAAK,yBAAwB,EAAK,0BAA0B,aAAa,QAAQ,CAAC,KAAK,GAAI,EAAC,aAAa,CAAC,QAAQ,SAAU,CAAC,EAAC,OAAO,CAAC,KAAK,EAAY,OAAO,IAAI,EAAE,IAAI,KAAK,aAAa,EAAG,CAAC,EAAC"}