{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/nCHxtXz6uqq1WVU5GP8Z/EQnJn75w9rD6j2U8enWU/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:`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 3H18V9H12L6 3Z\" stroke=\"#323232\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 9H12L18 15H6V9Z\" stroke=\"#323232\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M12 15V21L6 15\" stroke=\"#323232\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>`,strokeColor:\"#000000\",strokeWidth:1.5,fillColor:\"#FFFFFF\",padding:0};addPropertyControls(SVGIcon,{svgCode:{type:ControlType.String,title:\"SVG Code\",defaultValue:`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 3H18V9H12L6 3Z\" stroke=\"#323232\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 9H12L18 15H6V9Z\" stroke=\"#323232\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                        <path d=\"M12 15V21L6 15\" stroke=\"#323232\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                      </svg>`},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\":{\"framerDisableUnlink\":\"* @framerIntrinsicWidth 24\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"100%\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Icon.map"],
  "mappings": "uEAKkB,SAARA,EAAyB,CAAC,QAAAC,EAAQ,YAAAC,EAAY,YAAAC,EAAY,UAAAC,EAAU,QAAAC,CAAO,EAAE,CAAC,GAAK,CAACC,EAAWC,CAAa,EAAEC,EAAS,IAAI,EAAEC,EAAU,IAAI,CAACF,EAAcN,GAAS,IAAI,CAAE,EAAE,CAACA,CAAO,CAAC,EAC5G,IAAMS,EAAkBJ,GAD6GK,GAAK,CAA4B,IAAMC,EAApB,IAAI,YAA2B,gBAAgBD,EAAI,eAAe,EAAQE,EAAWD,EAAI,cAAc,KAAK,EAAE,OAAGC,IAAYA,EAAW,aAAa,QAAQ,MAAM,EAAEA,EAAW,aAAa,SAAS,MAAM,GAAeD,EAAI,iBAAiB,MAAM,EAAQ,QAAQ,CAACE,EAAKC,IAAQ,CAACD,EAAK,aAAa,SAASZ,CAAW,EAAEY,EAAK,aAAa,eAAeX,EAAY,SAAS,CAAC,EAAEW,EAAK,aAAa,OAAOV,CAAS,EAAEU,EAAK,aAAa,eAAeV,IAAY,OAAO,IAAI,GAAG,EAAEU,EAAK,aAAa,MAAM,QAAQC,CAAK,EAAE,CACvuB,CAAC,EAAmB,IAAI,gBAAgC,kBAAkBH,CAAG,CAAE,GAAsDN,CAAU,EAAE,KAAK,OAAoBU,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAAX,EAAQ,UAAU,aAAa,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ,EAAE,wBAAwB,CAAC,OAAOK,GAAmB,EAAE,CAAC,CAAC,CAAE,CAACV,EAAQ,aAAa,CAAC,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAIxY,YAAY,UAAU,YAAY,IAAI,UAAU,UAAU,QAAQ,CAAC,EAAEiB,EAAoBjB,EAAQ,CAAC,QAAQ,CAAC,KAAKkB,EAAY,OAAO,MAAM,WAAW,aAAa;AAAA;AAAA;AAAA;AAAA,6BAI1J,EAAE,YAAY,CAAC,KAAKA,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,aAAa,kBAAkB,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,aAAa,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,YAAY,6CAA6C,CAAC,CAAC",
  "names": ["SVGIcon", "svgCode", "strokeColor", "strokeWidth", "fillColor", "padding", "svgContent", "setSvgContent", "ye", "ue", "updatedSvgContent", "svg", "doc", "svgElement", "path", "index", "p", "addPropertyControls", "ControlType"]
}