{"version":3,"file":"SVG_Comp.-AWUqCki.mjs","names":["React"],"sources":["https:/framerusercontent.com/modules/IBHxTibPlXtc3LQgucTS/MhVd1W0lsffmJr6OC4Xi/SVG_Comp.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import React from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n *\n * @framerDisableUnlink\n *\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 24\n */function SVG(props){const{svgCode,strokeWidth,customColor,color,padding}=props;const containerRef=React.useRef(null);const injectAttributes=()=>{if(!containerRef.current)return;// Create a temporary div to hold the SVG code\nconst tempDiv=document.createElement(\"div\");tempDiv.innerHTML=svgCode;// Select path elements with the 'fill' attribute in the SVG code and set their fill color\nconst pathElements=tempDiv.querySelectorAll(\"path[fill]\");pathElements.forEach(element=>{if(customColor){element.setAttribute(\"fill\",color);}});// Select elements with the 'stroke' attribute in the SVG code and set their stroke color and width\nconst strokeElements=tempDiv.querySelectorAll(\"[stroke]\");strokeElements.forEach(element=>{if(customColor){element.setAttribute(\"stroke\",color);}if(strokeWidth!==undefined){element.setAttribute(\"stroke-width\",strokeWidth);}});// Set the width and height of the SVG element to 100%\nconst svgElement=tempDiv.querySelector(\"svg\");if(svgElement){svgElement.setAttribute(\"width\",\"100%\");svgElement.setAttribute(\"height\",\"100%\");}// Update the container with the modified SVG code\ncontainerRef.current.innerHTML=tempDiv.innerHTML;};// Manually call injectAttributes when the component is rendered or updated\nReact.useEffect(()=>{injectAttributes();},[svgCode,strokeWidth,customColor,color]);return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{overflow:\"visible\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\",padding:padding}});}SVG.defaultProps={svgCode:``,strokeWidth:1,customColor:false,color:\"#000\",padding:0};addPropertyControls(SVG,{svgCode:{type:ControlType.String,title:\"SVG Code\",defaultValue:SVG.defaultProps.svgCode,placeholder:\"\",displayTextArea:false},customColor:{type:ControlType.Boolean,title:\"Custom Color\",defaultValue:SVG.defaultProps.customColor},color:{type:ControlType.Color,title:\"Color\",defaultValue:SVG.defaultProps.color,hidden(props){return!props.customColor;}},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:SVG.defaultProps.padding,min:0,step:1,displayStepper:true},strokeWidth:{type:ControlType.Number,title:\"Stroke Width\",min:.5,step:.25,displayStepper:true,defaultValue:SVG.defaultProps.strokeWidth,hidden(props){// Hide the control if the SVG code does not contain the 'stroke' attribute\nreturn!props.svgCode.includes(\"stroke\");}}});export default SVG;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVG\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Comp.map"],"mappings":"0KAQG,SAAS,EAAI,EAAM,CAAC,GAAK,CAAC,UAAQ,cAAY,cAAY,QAAM,WAAS,EAAY,EAAaA,EAAM,OAAO,IAAI,EAAQ,MAAqB,CAAC,GAAG,CAAC,EAAa,QAAQ,OAC7K,IAAM,EAAQ,SAAS,cAAc,KAAK,EAAE,EAAQ,UAAU,EACJ,EAA/B,iBAAiB,YAAyB,CAAC,CAAC,QAAQ,GAAS,CAAI,GAAa,EAAQ,aAAa,OAAO,CAAK,CAAG,CAAC,EACpF,EAA7B,iBAAiB,UAAyB,CAAC,CAAC,QAAQ,GAAS,CAAI,GAAa,EAAQ,aAAa,SAAS,CAAK,EAAM,IAAc,IAAA,IAAW,EAAQ,aAAa,eAAe,CAAW,CAAG,CAAC,EAChO,IAAM,EAAW,EAAQ,cAAc,KAAK,EAAK,IAAY,EAAW,aAAa,QAAQ,MAAM,EAAE,EAAW,aAAa,SAAS,MAAM,GAC5I,EAAa,QAAQ,UAAU,EAAQ,SAAU,EACkC,OAAnF,EAAM,cAAc,CAAC,EAAiB,CAAE,EAAE,CAAC,EAAQ,EAAY,EAAY,CAAK,CAAC,EAAsB,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,SAAS,UAAU,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,MAAM,OAAO,OAAO,OAAe,SAAO,CAAC,CAAC,CAAE,iBAdpP,IAAoD,IAAyB,EAcwK,EAAI,aAAa,CAAC,QAAQ;;UAE/S,YAAY,EAAE,YAAY,GAAM,MAAM,OAAO,QAAQ,CAAC,EAAE,EAAoB,EAAI,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAI,aAAa,QAAQ,YAAY,iBAAiB,gBAAgB,EAAK,EAAE,YAAY,CAAC,KAAK,EAAY,QAAQ,MAAM,eAAe,aAAa,EAAI,aAAa,WAAW,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,EAAI,aAAa,MAAM,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,WAAY,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAI,aAAa,QAAQ,IAAI,EAAE,KAAK,EAAE,eAAe,EAAI,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,GAAG,KAAK,IAAI,eAAe,GAAK,aAAa,EAAI,aAAa,YAAY,OAAO,EAAM,CACrtB,MAAM,CAAC,EAAM,QAAQ,SAAS,QAAQ,CAAE,CAAC,CAAC,CAAC"}