{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/x8jSozo9rH2ixDcNoyDc/65hVtTmvMFHmuly031B5/SVG_Component.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export function SVGDisplay(props){const{svgCode,color,strokeWidth}=props;const adjustedSvgCode=svgCode.replace(/fill=\"[^\"]*\"/g,`fill=\"${color}\"`)// Apply fill color\n.replace(/stroke=\"[^\"]*\"/g,`stroke=\"${color}\"`)// Apply stroke color\n.replace(/stroke-width=\"[^\"]*\"/g,`stroke-width=\"${strokeWidth}\"`)// Apply stroke width\n;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"visible\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"100%\",height:\"100%\",viewBox:\"0 0 24 24\",preserveAspectRatio:\"xMidYMid meet\",overflow:\"visible\",dangerouslySetInnerHTML:{__html:adjustedSvgCode}})});}SVGDisplay.defaultProps={height:\"100%\",width:\"100%\",svgCode:'<path d=\"M9 21h6v-1H9v1zm3-19C6.48 2 2 6.48 2 12c0 2.85 1.2 5.41 3.11 7.24.38.36.61.88.61 1.42V21c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-.34c0-.54.23-1.06.61-1.42C20.8 17.41 22 14.85 22 12c0-5.52-4.48-10-10-10zm1 14h-2v-2h2v2zm0-4h-2V7h2v5z\"/>',color:\"#FF0000\",strokeWidth:0};SVGDisplay.displayName=\"SVG Display\";addPropertyControls(SVGDisplay,{svgCode:{title:\"SVG Code\",type:ControlType.String,placeholder:\"Enter your SVG code here...\",defaultValue:SVGDisplay.defaultProps.svgCode},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}});\nexport const __FramerMetadata__ = {\"exports\":{\"SVGDisplay\":{\"type\":\"reactComponent\",\"name\":\"SVGDisplay\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Component.map"],
  "mappings": "yFAAsG,SAASA,EAAWC,EAAM,CAAC,GAAK,CAAC,QAAAC,EAAQ,MAAAC,EAAM,YAAAC,CAAW,EAAEH,EAAYI,EAAgBH,EAAQ,QAAQ,gBAAgB,SAASC,IAAQ,EAC9O,QAAQ,kBAAkB,WAAWA,IAAQ,EAC7C,QAAQ,wBAAwB,iBAAiBC,IAAc,EAC/D,OAAoBE,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,EAAE,SAAsBA,EAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,YAAY,oBAAoB,gBAAgB,SAAS,UAAU,wBAAwB,CAAC,OAAOD,CAAe,CAAC,CAAC,CAAC,CAAC,CAAE,CAACL,EAAW,aAAa,CAAC,OAAO,OAAO,MAAM,OAAO,QAAQ,iPAAiP,MAAM,UAAU,YAAY,CAAC,EAAEA,EAAW,YAAY,cAAcO,EAAoBP,EAAW,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAKQ,EAAY,OAAO,YAAY,8BAA8B,aAAaR,EAAW,aAAa,OAAO,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKQ,EAAY,MAAM,aAAaR,EAAW,aAAa,KAAK,EAAE,YAAY,CAAC,MAAM,eAAe,KAAKQ,EAAY,OAAO,aAAaR,EAAW,aAAa,YAAY,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,eAAe,EAAI,CAAC,CAAC",
  "names": ["SVGDisplay", "props", "svgCode", "color", "strokeWidth", "adjustedSvgCode", "p", "addPropertyControls", "ControlType"]
}