{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/vMWQSlZW0DXB1H9Zd0pB/NaFHpfWHOfErzdXdB8F3/ScalableSVG.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function ScalableSVG(props){const{svgCode,fillColor,width,height}=props;const[svgElement,setSvgElement]=useState(null);// Function to inject the SVG code and replace the fill color\nconst injectSVG=()=>{const parser=new DOMParser;const svgDoc=parser.parseFromString(svgCode,\"image/svg+xml\");const svgNode=svgDoc.querySelector(\"svg\");if(svgNode){// Remove existing fill attributes\nconst paths=svgNode.querySelectorAll(\"path\");paths.forEach(path=>{path.removeAttribute(\"fill\");path.setAttribute(\"fill\",\"currentColor\");});svgNode.setAttribute(\"fill\",fillColor);svgNode.setAttribute(\"width\",\"100%\");svgNode.setAttribute(\"height\",\"100%\");svgNode.setAttribute(\"preserveAspectRatio\",\"xMidYMid meet\");setSvgElement(svgNode.outerHTML);}};// Inject the SVG on initial render and when props change\nuseEffect(()=>{injectSVG();},[svgCode,fillColor]);return /*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:svgElement},style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:fillColor}});}ScalableSVG.defaultProps={width:100,height:100,fillColor:\"#000\",svgCode:\"\"};addPropertyControls(ScalableSVG,{svgCode:{type:ControlType.String,title:\"SVG Code\",placeholder:\"Paste your SVG code here\"},fillColor:{type:ControlType.Color,title:\"Fill Color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScalableSVG\":{\"type\":\"reactComponent\",\"name\":\"ScalableSVG\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScalableSVG.map"],
  "mappings": "yIAA4I,SAASA,EAAYC,EAAM,CAAC,GAAK,CAAC,QAAAC,EAAQ,UAAAC,EAAU,MAAAC,EAAM,OAAAC,CAAM,EAAEJ,EAAW,CAACK,EAAWC,CAAa,EAAEC,EAAS,IAAI,EAC3PC,EAAU,IAAI,CAAyF,IAAMC,EAAjF,IAAI,YAA8B,gBAAgBR,EAAQ,eAAe,EAAuB,cAAc,KAAK,EAAKQ,IAC9IA,EAAQ,iBAAiB,MAAM,EAAQ,QAAQC,GAAM,CAACA,EAAK,gBAAgB,MAAM,EAAEA,EAAK,aAAa,OAAO,cAAc,CAAE,CAAC,EAAED,EAAQ,aAAa,OAAOP,CAAS,EAAEO,EAAQ,aAAa,QAAQ,MAAM,EAAEA,EAAQ,aAAa,SAAS,MAAM,EAAEA,EAAQ,aAAa,sBAAsB,eAAe,EAAEH,EAAcG,EAAQ,SAAS,EAAG,EAC3V,OAAAE,EAAU,IAAI,CAACH,EAAU,CAAE,EAAE,CAACP,EAAQC,CAAS,CAAC,EAAsBU,EAAK,MAAM,CAAC,wBAAwB,CAAC,OAAOP,CAAU,EAAE,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,MAAMH,CAAS,CAAC,CAAC,CAAE,CAACH,EAAY,aAAa,CAAC,MAAM,IAAI,OAAO,IAAI,UAAU,OAAO,QAAQ,EAAE,EAAEc,EAAoBd,EAAY,CAAC,QAAQ,CAAC,KAAKe,EAAY,OAAO,MAAM,WAAW,YAAY,0BAA0B,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,CAAC,CAAC",
  "names": ["ScalableSVG", "props", "svgCode", "fillColor", "width", "height", "svgElement", "setSvgElement", "ye", "injectSVG", "svgNode", "path", "ue", "p", "addPropertyControls", "ControlType"]
}