{"version":3,"file":"SVG_Icon.D6eKf-eP.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/nCHxtXz6uqq1WVU5GP8Z/EQnJn75w9rD6j2U8enWU/SVG_Icon.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{ControlType,addPropertyControls}from\"framer\";/**\n * @framerDisableUnlink\n * @framerIntrinsicWidth 24\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight 100%\n */export default function SVGIcon({svgCode,strokeColor,strokeWidth,fillColor,padding}){const[svgContent,setSvgContent]=useState(null);useEffect(()=>{setSvgContent(svgCode||null);},[svgCode]);const updateSvgContent=svg=>{const parser=new DOMParser;const doc=parser.parseFromString(svg,\"image/svg+xml\");const svgElement=doc.querySelector(\"svg\");if(svgElement){svgElement.setAttribute(\"width\",\"100%\");svgElement.setAttribute(\"height\",\"100%\");}const paths=doc.querySelectorAll(\"path\");paths.forEach((path,index)=>{path.setAttribute(\"stroke\",strokeColor);path.setAttribute(\"stroke-width\",strokeWidth.toString());path.setAttribute(\"fill\",fillColor);path.setAttribute(\"fill-opacity\",fillColor===\"none\"?\"0\":\"1\");path.setAttribute(\"key\",`path-${index}`)// Add a unique key attribute\n;});const serializer=new XMLSerializer;return serializer.serializeToString(doc);};const updatedSvgContent=svgContent?updateSvgContent(svgContent):null;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",padding,boxSizing:\"border-box\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"},dangerouslySetInnerHTML:{__html:updatedSvgContent||\"\"}});}SVGIcon.defaultProps={svgCode:``,strokeColor:\"#000000\",strokeWidth:1.5,fillColor:\"#FFFFFF\",padding:0};addPropertyControls(SVGIcon,{svgCode:{type:ControlType.String,title:\"SVG Code\",defaultValue:``},strokeColor:{type:ControlType.Color,title:\"Stroke Color\",defaultValue:\"#000000\"},fillColor:{type:ControlType.Color,title:\"Fill Color\",defaultValue:\"rgba(0, 0, 0, 0)\"},strokeWidth:{type:ControlType.Number,title:\"Stroke Width\",defaultValue:1.5,min:0,max:10},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:0,min:0,max:100,description:\"Created by [Tolv](https://x.com/tolvstudio)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVGIcon\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"* @framerIntrinsicWidth 24\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"100%\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Icon.map"],"mappings":"iLAKG,SAAwB,EAAQ,CAAC,UAAQ,cAAY,cAAY,YAAU,WAAS,CAAC,GAAK,CAAC,EAAW,GAAeA,EAAS,IAAI,EAAE,MAAc,CAAC,EAAc,GAAS,IAAI,CAAE,EAAE,CAAC,CAAO,CAAC,EAC5G,IAAM,EAAkB,GAD6G,GAAK,CAA4B,IAAM,EAAI,IAApB,UAAyB,CAAC,CAAC,gBAAgB,EAAI,eAAe,EAAQ,EAAW,EAAI,cAAc,KAAK,EAC/S,OADoT,IAAY,EAAW,aAAa,QAAQ,MAAM,EAAE,EAAW,aAAa,SAAS,MAAM,GAA4C,EAAzB,iBAAiB,MAAY,CAAC,CAAC,SAAS,EAAK,IAAQ,CAAC,EAAK,aAAa,SAAS,CAAW,EAAE,EAAK,aAAa,eAAe,EAAY,SAAS,CAAC,EAAE,EAAK,aAAa,OAAO,CAAS,EAAE,EAAK,aAAa,eAAe,IAAY,OAAO,IAAI,GAAG,EAAE,EAAK,aAAa,MAAM,QAAQ,GAAO,CACvuB,CAAC,EAA4C,IAArB,cAA8B,CAAC,CAAC,kBAAkB,CAAG,CAAE,EAAqC,CAAiB,CAAU,EAAE,KAAK,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAQ,UAAU,aAAa,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ,EAAE,wBAAwB,CAAC,OAAO,GAAmB,EAAE,CAAC,CAAC,CAAE,iBANrV,IAAsC,IAAoD,EAM4P,EAAQ,aAAa,CAAC,QAAQ;;;;sBAIxY,YAAY,UAAU,YAAY,IAAI,UAAU,UAAU,QAAQ,CAAC,EAAE,EAAoB,EAAQ,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa;;;;6BAI1J,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,kBAAkB,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,YAAY,6CAA6C,CAAC,CAAC"}