{"version":3,"file":"SVG_Icon.D0wmD6Sn.mjs","names":[],"sources":["https:/framerusercontent.com/modules/nCHxtXz6uqq1WVU5GP8Z/49ZmjZj8ucW8Uds8EDgM/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\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"100%\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth 24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Icon.map"],"mappings":"0QAKG,SAAwB,EAAQ,CAAC,UAAQ,cAAY,cAAY,YAAU,UAAQ,CAAC,CAAC,GAAK,CAAC,EAAW,EAAc,CAAC,EAAS,KAAK,CAAC,EAAU,IAAI,CAAC,EAAc,GAAS,KAAK,AAAE,EAAC,CAAC,CAAQ,EAAC,CAAC,IAAM,EAAiB,GAAK,CAAC,IAAM,EAAO,IAAI,UAAgB,EAAI,EAAO,gBAAgB,EAAI,gBAAgB,CAAO,EAAW,EAAI,cAAc,MAAM,CAAC,AAAG,IAAY,EAAW,aAAa,QAAQ,OAAO,CAAC,EAAW,aAAa,SAAS,OAAO,MAAQ,EAAM,EAAI,iBAAiB,OAAO,CAAC,EAAM,QAAQ,CAAC,EAAK,IAAQ,CAAmM,AAAlM,EAAK,aAAa,SAAS,EAAY,CAAC,EAAK,aAAa,eAAe,EAAY,UAAU,CAAC,CAAC,EAAK,aAAa,OAAO,EAAU,CAAC,EAAK,aAAa,eAAe,IAAY,OAAO,IAAI,IAAI,CAAC,EAAK,aAAa,OAAO,OAAO,IAAQ,AACvuB,EAAC,CAAC,IAAM,EAAW,IAAI,cAAc,MAAO,GAAW,kBAAkB,EAAI,AAAE,EAAO,EAAkB,EAAW,EAAiB,EAAW,CAAC,KAAK,MAAoB,GAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAQ,UAAU,aAAa,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAS,EAAC,wBAAwB,CAAC,OAAO,GAAmB,EAAG,CAAC,EAAC,AAAE,cAIrS,AAV3F,GAA2C,IAAsC,IAAoD,CAM2P,EAAQ,aAAa,CAAC,QAAA;;;;sBAIhY,YAAY,UAAU,YAAY,IAAI,UAAU,UAAU,QAAQ,CAAE,EAAC,EAAoB,EAAQ,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAA;;;;6BAI5I,EAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,SAAU,EAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,kBAAmB,EAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,IAAI,IAAI,EAAE,IAAI,EAAG,EAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,YAAY,6CAA8C,CAAC,EAAC"}