{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/aB0UwXBguvm4MTXGCeCc/wg7lCGgfqlhawXlAOHIB/SVG.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function SVGDisplay(props){const{svgCode,sizeW,sizeH,color,strokeWidth,shadowBlur,shadowX,shadowY,shadowColor}=props;// Creating a shadow filter ID for uniqueness\nconst shadowId=React.useMemo(()=>`shadow-${Math.random().toString(36).substr(2,9)}`,[]);return /*#__PURE__*/_jsx(\"div\",{style:{width:`${sizeW}px`,height:`${sizeH}px`,overflow:\"visible\"},children:/*#__PURE__*/_jsxs(\"svg\",{width:sizeW,height:sizeH,viewBox:\"0 0 100 100\",overflow:\"visible\",\"alignment-baseline\":\"middle\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsx(\"filter\",{id:shadowId,x:\"0px\",y:\"0px\",width:\"100%\",height:\"100%\",children:/*#__PURE__*/_jsx(\"feDropShadow\",{dx:shadowX,dy:shadowY,stdDeviation:shadowBlur,floodColor:shadowColor})})}),/*#__PURE__*/_jsx(\"g\",{dangerouslySetInnerHTML:{__html:svgCode},fill:color,stroke:color,strokeWidth:strokeWidth,filter:`url(#${shadowId})`})]})});}//... rest of the code remains unchanged\nSVGDisplay.defaultProps={height:32,width:32,svgCode:'<svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"auto\"><circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"black\" stroke-width=\"0\" fill=\"red\" /></svg>',size:32,color:\"#FF0000\",strokeWidth:0,shadowBlur:0,shadowX:0,shadowY:0,shadowColor:\"rgba(0, 0, 0, 0)\"};SVGDisplay.displayName=\"SVG Display\";addPropertyControls(SVGDisplay,{svgCode:{title:\"SVG Code\",type:ControlType.String,placeholder:\"Enter your SVG code here...\",defaultValue:SVGDisplay.defaultProps.svgCode},sizeW:{title:\"SizeW\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.size,min:4,max:500,step:1,displayStepper:true},sizeH:{title:\"SizeH\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.size,min:4,max:500,step:1,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:SVGDisplay.defaultProps.color},strokeWidth:{title:\"Stroke Width\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.strokeWidth,min:0,max:20,step:.5,displayStepper:true},shadowBlur:{title:\"Shadow Blur\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.shadowBlur,min:0,max:30,step:1},shadowX:{title:\"Shadow X Offset\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.shadowX,min:-32,max:32,step:1},shadowY:{title:\"Shadow Y Offset\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.shadowY,min:-32,max:32,step:1},shadowColor:{title:\"Shadow Color\",type:ControlType.Color,defaultValue:SVGDisplay.defaultProps.shadowColor}});\nexport const __FramerMetadata__ = {\"exports\":{\"SVGDisplay\":{\"type\":\"reactComponent\",\"name\":\"SVGDisplay\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG.map"],
  "mappings": "gJAAAA,IAAgJ,SAASC,EAAWC,EAAM,CAAC,GAAK,CAAC,QAAAC,EAAQ,MAAAC,EAAM,MAAAC,EAAM,MAAAC,EAAM,YAAAC,EAAY,WAAAC,EAAW,QAAAC,EAAQ,QAAAC,EAAQ,YAAAC,CAAW,EAAET,EACzPU,EAAeC,EAAQ,IAAI,UAAU,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,OAAoBC,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAGV,CAAK,KAAK,OAAO,GAAGC,CAAK,KAAK,SAAS,SAAS,EAAE,SAAsBU,EAAM,MAAM,CAAC,MAAMX,EAAM,OAAOC,EAAM,QAAQ,cAAc,SAAS,UAAU,qBAAqB,SAAS,SAAS,CAAcS,EAAK,OAAO,CAAC,SAAsBA,EAAK,SAAS,CAAC,GAAGF,EAAS,EAAE,MAAM,EAAE,MAAM,MAAM,OAAO,OAAO,OAAO,SAAsBE,EAAK,eAAe,CAAC,GAAGL,EAAQ,GAAGC,EAAQ,aAAaF,EAAW,WAAWG,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAeG,EAAK,IAAI,CAAC,wBAAwB,CAAC,OAAOX,CAAO,EAAE,KAAKG,EAAM,OAAOA,EAAM,YAAYC,EAAY,OAAO,QAAQK,CAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CACrsBX,EAAW,aAAa,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,2IAA2I,KAAK,GAAG,MAAM,UAAU,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,kBAAkB,EAAEA,EAAW,YAAY,cAAce,EAAoBf,EAAW,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAKgB,EAAY,OAAO,YAAY,8BAA8B,aAAahB,EAAW,aAAa,OAAO,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKgB,EAAY,OAAO,aAAahB,EAAW,aAAa,KAAK,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKgB,EAAY,OAAO,aAAahB,EAAW,aAAa,KAAK,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKgB,EAAY,MAAM,aAAahB,EAAW,aAAa,KAAK,EAAE,YAAY,CAAC,MAAM,eAAe,KAAKgB,EAAY,OAAO,aAAahB,EAAW,aAAa,YAAY,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,eAAe,EAAI,EAAE,WAAW,CAAC,MAAM,cAAc,KAAKgB,EAAY,OAAO,aAAahB,EAAW,aAAa,WAAW,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,kBAAkB,KAAKgB,EAAY,OAAO,aAAahB,EAAW,aAAa,QAAQ,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,kBAAkB,KAAKgB,EAAY,OAAO,aAAahB,EAAW,aAAa,QAAQ,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,eAAe,KAAKgB,EAAY,MAAM,aAAahB,EAAW,aAAa,WAAW,CAAC,CAAC",
  "names": ["init_ssg_sandbox_shims", "SVGDisplay", "props", "svgCode", "sizeW", "sizeH", "color", "strokeWidth", "shadowBlur", "shadowX", "shadowY", "shadowColor", "shadowId", "se", "p", "u", "addPropertyControls", "ControlType"]
}