{"version":3,"file":"SVG_Component.BvSVwn8m.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/CNIxiQWSoCzKwSCviASo/unoyLt2ZBGlTAFPLTzzB/SVG_Component.js"],"sourcesContent":["// SVG component with customizable color and SVG code input\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo}from\"react\";/**\n * SVG Component\n *\n * @framerIntrinsicWidth 100\n * @framerIntrinsicHeight 100\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function SVG_Component(props){const{svgCode='<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line></svg>',color=\"#000000\",style}=props;const processedSVG=useMemo(()=>{let processed=svgCode.trim();if(!processed.startsWith(\"<svg\")){return svgCode;}processed=processed.replace(/fill=\"[^\"]*\"/g,`fill=\"${color}\"`);processed=processed.replace(/stroke=\"[^\"]*\"/g,`stroke=\"${color}\"`);if(!processed.includes(\"fill=\")&&!processed.includes(\"stroke=\")){processed=processed.replace(/<svg/,`<svg fill=\"${color}\"`);}if(!processed.includes(\"width=\")&&!processed.includes(\"height=\")){processed=processed.replace(/<svg/,'<svg width=\"100%\" height=\"100%\"');}return processed;},[svgCode,color]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",position:\"relative\",...style},dangerouslySetInnerHTML:{__html:processedSVG}});}addPropertyControls(SVG_Component,{svgCode:{type:ControlType.String,title:\"SVG Code\",displayTextArea:true,defaultValue:'<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line></svg>'},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVG_Component\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"100\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"100\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Component.map"],"mappings":"kQASG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,UAAQ,2SAA2S,QAAM,UAAU,SAAO,EAAY,EAAaA,MAAY,CAAC,IAAI,EAAU,EAAQ,MAAM,CAA2b,OAAtb,EAAU,WAAW,OAAO,EAAkB,EAAU,EAAU,QAAQ,gBAAgB,SAAS,EAAM,GAAG,CAAC,EAAU,EAAU,QAAQ,kBAAkB,WAAW,EAAM,GAAG,CAAI,CAAC,EAAU,SAAS,QAAQ,EAAE,CAAC,EAAU,SAAS,UAAU,GAAE,EAAU,EAAU,QAAQ,OAAO,cAAc,EAAM,GAAG,EAAK,CAAC,EAAU,SAAS,SAAS,EAAE,CAAC,EAAU,SAAS,UAAU,GAAE,EAAU,EAAU,QAAQ,OAAO,kCAAkC,EAAS,GAAxZ,GAAoa,CAAC,EAAQ,EAAM,CAAC,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,GAAG,EAAM,CAAC,wBAAwB,CAAC,OAAO,EAAa,CAAC,CAAC,kBARhkC,IAAoD,IAA2B,CAQm/B,EAAoB,EAAc,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,gBAAgB,GAAK,aAAa,2SAA2S,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,UAAU,CAAC,CAAC"}