{
  "version": 3,
  "sources": ["ssg: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:`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M18.9012 1.71359H22.5816L14.5416 10.428L24 22.2852H16.5936L10.794 15.0936L4.1568 22.2852H0.4728L9.0732 12.9648L0 1.71359H7.5936L12.8376 8.28719L18.9012 1.71359ZM17.61 20.1972H19.65L6.4848 3.69359H4.296L17.61 20.1972Z\" fill=\"#717171\"/>\n  </svg>`,strokeWidth:1,customColor:false,color:\"#000\",padding:0};addPropertyControls(SVG,{svgCode:{type:ControlType.String,title:\"SVG Code\",defaultValue:SVG.defaultProps.svgCode,placeholder:\"<svg>...</svg>\",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": "gGAQG,SAASA,EAAIC,EAAM,CAAC,GAAK,CAAC,QAAAC,EAAQ,YAAAC,EAAY,YAAAC,EAAY,MAAAC,EAAM,QAAAC,CAAO,EAAEL,EAAYM,EAAaC,EAAM,OAAO,IAAI,EAAQC,EAAiB,IAAI,CAAC,GAAG,CAACF,EAAa,QAAQ,OAC7K,IAAMG,EAAQ,SAAS,cAAc,KAAK,EAAEA,EAAQ,UAAUR,EAC3CQ,EAAQ,iBAAiB,YAAY,EAAe,QAAQC,GAAS,CAAIP,GAAaO,EAAQ,aAAa,OAAON,CAAK,CAAG,CAAC,EACzHK,EAAQ,iBAAiB,UAAU,EAAiB,QAAQC,GAAS,CAAIP,GAAaO,EAAQ,aAAa,SAASN,CAAK,EAAMF,IAAc,QAAWQ,EAAQ,aAAa,eAAeR,CAAW,CAAG,CAAC,EAChO,IAAMS,EAAWF,EAAQ,cAAc,KAAK,EAAKE,IAAYA,EAAW,aAAa,QAAQ,MAAM,EAAEA,EAAW,aAAa,SAAS,MAAM,GAC5IL,EAAa,QAAQ,UAAUG,EAAQ,SAAU,EACjD,OAAAF,EAAM,UAAU,IAAI,CAACC,EAAiB,CAAE,EAAE,CAACP,EAAQC,EAAYC,EAAYC,CAAK,CAAC,EAAsB,EAAK,MAAM,CAAC,IAAIE,EAAa,MAAM,CAAC,SAAS,UAAU,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,MAAM,OAAO,OAAO,OAAO,QAAQD,CAAO,CAAC,CAAC,CAAE,CAACN,EAAI,aAAa,CAAC,QAAQ;AAAA;AAAA,UAE/S,YAAY,EAAE,YAAY,GAAM,MAAM,OAAO,QAAQ,CAAC,EAAEa,EAAoBb,EAAI,CAAC,QAAQ,CAAC,KAAKc,EAAY,OAAO,MAAM,WAAW,aAAad,EAAI,aAAa,QAAQ,YAAY,iBAAiB,gBAAgB,EAAK,EAAE,YAAY,CAAC,KAAKc,EAAY,QAAQ,MAAM,eAAe,aAAad,EAAI,aAAa,WAAW,EAAE,MAAM,CAAC,KAAKc,EAAY,MAAM,MAAM,QAAQ,aAAad,EAAI,aAAa,MAAM,OAAOC,EAAM,CAAC,MAAM,CAACA,EAAM,WAAY,CAAC,EAAE,QAAQ,CAAC,KAAKa,EAAY,OAAO,MAAM,UAAU,aAAad,EAAI,aAAa,QAAQ,IAAI,EAAE,KAAK,EAAE,eAAe,EAAI,EAAE,YAAY,CAAC,KAAKc,EAAY,OAAO,MAAM,eAAe,IAAI,GAAG,KAAK,IAAI,eAAe,GAAK,aAAad,EAAI,aAAa,YAAY,OAAOC,EAAM,CACrtB,MAAM,CAACA,EAAM,QAAQ,SAAS,QAAQ,CAAE,CAAC,CAAC,CAAC,EAAE,IAAOc,EAAQf",
  "names": ["SVG", "props", "svgCode", "strokeWidth", "customColor", "color", "padding", "containerRef", "e", "injectAttributes", "tempDiv", "element", "svgElement", "addPropertyControls", "ControlType", "SVG_Comp_default"]
}