{"version":3,"file":"SVGComponent.ScM5XF1T.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/TMPypjdKVrYGuniGhe7t/60pIy3cA9HQZYOItUk2i/SVGComponent.js"],"sourcesContent":["// SVG component with customizable color\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo}from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function SVGComponent(props){const{svgCode,color,stroke,strokeColor,style}=props;const processedSVG=useMemo(()=>{if(!svgCode)return\"\";let processed=svgCode.trim();if(processed.startsWith(\"<svg\")){processed=processed.replace(/fill=\"[^\"]*\"/g,`fill=\"${color}\"`);if(stroke){processed=processed.replace(/stroke=\"[^\"]*\"/g,`stroke=\"${strokeColor}\"`);}else{processed=processed.replace(/\\sstroke=\"[^\"]*\"/g,\"\");}if(stroke&&!processed.includes(\"stroke=\")){processed=processed.replace(\"<svg\",`<svg stroke=\"${strokeColor}\"`);}if(!processed.includes(\"fill=\")&&!processed.includes(\"stroke=\")){processed=processed.replace(\"<svg\",`<svg fill=\"${color}\"`);}processed=processed.replace(/width=\"[^\"]*\"/,'width=\"100%\"');processed=processed.replace(/height=\"[^\"]*\"/,'height=\"100%\"');if(!processed.includes(\"width=\")){processed=processed.replace(\"<svg\",'<svg width=\"100%\"');}if(!processed.includes(\"height=\")){processed=processed.replace(\"<svg\",'<svg height=\"100%\"');}}return processed;},[svgCode,color,stroke,strokeColor]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",position:\"relative\",...style},dangerouslySetInnerHTML:{__html:processedSVG}});}addPropertyControls(SVGComponent,{svgCode:{type:ControlType.String,title:\"SVG Code\",displayTextArea:true,defaultValue:'<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"/></svg>'},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},stroke:{type:ControlType.Boolean,title:\"Stroke\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},strokeColor:{type:ControlType.Color,title:\"Stroke Color\",defaultValue:\"#000000\",hidden:({stroke})=>!stroke}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVGComponent\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVGComponent.map"],"mappings":"0KAIG,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,UAAQ,QAAM,SAAO,cAAY,SAAO,EAAY,EAAaA,MAAY,CAAC,GAAG,CAAC,EAAQ,MAAM,GAAG,IAAI,EAAU,EAAQ,KAAK,EAAgxB,OAA3wB,EAAU,WAAW,MAAM,IAAG,EAAU,EAAU,QAAQ,gBAAgB,SAAS,EAAM,EAAE,EAAE,AAA0F,EAAvF,EAAkB,EAAU,QAAQ,kBAAkB,WAAW,EAAY,EAAE,EAAkB,EAAU,QAAQ,oBAAoB,EAAE,EAAM,GAAQ,CAAC,EAAU,SAAS,SAAS,IAAG,EAAU,EAAU,QAAQ,OAAO,gBAAgB,EAAY,EAAE,GAAM,CAAC,EAAU,SAAS,OAAO,GAAG,CAAC,EAAU,SAAS,SAAS,IAAG,EAAU,EAAU,QAAQ,OAAO,cAAc,EAAM,EAAE,GAAG,EAAU,EAAU,QAAQ,gBAAgB,cAAc,EAAE,EAAU,EAAU,QAAQ,iBAAiB,eAAe,EAAM,EAAU,SAAS,QAAQ,IAAG,EAAU,EAAU,QAAQ,OAAO,mBAAmB,GAAO,EAAU,SAAS,SAAS,IAAG,EAAU,EAAU,QAAQ,OAAO,oBAAoB,IAAW,CAAU,EAAE,CAAC,EAAQ,EAAM,EAAO,CAAW,CAAC,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,GAAG,CAAK,EAAE,wBAAwB,CAAC,OAAO,CAAY,CAAC,CAAC,CAAE,iBAH3pC,IAAoD,IAA2B,EAG6kC,EAAoB,EAAa,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,gBAAgB,GAAK,aAAa,kJAAkJ,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,OAAO,CAAC,KAAK,EAAY,QAAQ,MAAM,SAAS,aAAa,GAAM,aAAa,MAAM,cAAc,IAAI,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,QAAQ,CAAC,YAAU,CAAC,CAAM,CAAC,CAAC"}