{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/lF47hRfcEO8kXCTGsnLU/OTUxgEMX2nkT9ElUMcNe/Display2.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerIntrinsicWidth 48\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerIntrinsicWidth 48\n */export default function SVGIcon(props){const{color,svg,overrideStroke,strokeWidth,padding,...rest}=props;const svgRef=React.useRef(null);React.useEffect(()=>{if(svgRef.current&&svg){const parser=new DOMParser;const doc=parser.parseFromString(svg,\"image/svg+xml\");const svgElement=doc.querySelector(\"svg\");if(svgElement){svgElement.removeAttribute(\"width\");svgElement.removeAttribute(\"height\");if(!svgElement.getAttribute(\"viewBox\")){svgElement.setAttribute(\"viewBox\",\"0 0 24 24\");}const applyColor=el=>{// Check for inline styles\nconst inlineFill=el.style.fill;const inlineStroke=el.style.stroke;// Check for fill and stroke attributes\nconst attrFill=el.getAttribute(\"fill\");const attrStroke=el.getAttribute(\"stroke\");// Apply fill color if it was originally present\nif(inlineFill&&inlineFill!==\"none\"){el.style.fill=\"currentColor\";}else if(attrFill&&attrFill!==\"none\"){el.setAttribute(\"fill\",\"currentColor\");}// Apply stroke color if it was originally present\nif(inlineStroke&&inlineStroke!==\"none\"){el.style.stroke=\"currentColor\";}else if(attrStroke&&attrStroke!==\"none\"){el.setAttribute(\"stroke\",\"currentColor\");}if(overrideStroke){el.setAttribute(\"stroke-width\",strokeWidth);}};applyColor(svgElement);svgElement.querySelectorAll(\"*\").forEach(applyColor);// Set the color on the SVG element\nsvgElement.style.color=color;svgElement.style.width=\"100%\";svgElement.style.height=\"100%\";svgElement.style.padding=`${padding}px`;svgRef.current.innerHTML=svgElement.outerHTML;}}},[svg,color,overrideStroke,strokeWidth,padding]);return /*#__PURE__*/_jsx(\"div\",{ref:svgRef,style:{width:\"100%\",height:\"100%\"},...rest});}SVGIcon.defaultProps={svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 15\" fill=\"none\"><path d=\"M7.5 5.5H12.5V0.5H2.5L7.5 5.5ZM7.5 5.5H2.5V9.5L7.5 14.5V10.5H12.5L7.5 5.5Z\" stroke=\"#000000\" stroke-linejoin=\"round\"/></svg>',color:\"#09244B\",overrideStroke:false,strokeWidth:1,padding:0};addPropertyControls(SVGIcon,{svg:{type:ControlType.String,title:\"SVG\"},color:{type:ControlType.Color,title:\"Color\"},overrideStroke:{type:ControlType.Boolean,title:\"Override Stroke\"},strokeWidth:{type:ControlType.Number,title:\"Stroke Width\",min:0,max:10,step:.1,displayStepper:true,description:\"This property will only work if the icon supports changing stroke width\",hidden:props=>!props.overrideStroke},padding:{type:ControlType.Number,title:\"Padding\",min:0,max:100,step:1,displayStepper:true,description:\"v1.0 \\n[via SegmentUI](https://www.segmentUI.com)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVGIcon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"48\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Display2.map"],
  "mappings": "uEAOkB,SAARA,EAAyBC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,IAAAC,EAAI,eAAAC,EAAe,YAAAC,EAAY,QAAAC,EAAQ,GAAGC,CAAI,EAAEN,EAAYO,EAAaC,EAAO,IAAI,EAAE,OAAMC,EAAU,IAAI,CAAC,GAAGF,EAAO,SAASL,EAAI,CAAkF,IAAMQ,EAA1E,IAAI,YAA2B,gBAAgBR,EAAI,eAAe,EAAuB,cAAc,KAAK,EAAE,GAAGQ,EAAW,CAACA,EAAW,gBAAgB,OAAO,EAAEA,EAAW,gBAAgB,QAAQ,EAAMA,EAAW,aAAa,SAAS,GAAGA,EAAW,aAAa,UAAU,WAAW,EAAG,IAAMC,EAAWC,GAAI,CACzf,IAAMC,EAAWD,EAAG,MAAM,KAAWE,EAAaF,EAAG,MAAM,OACrDG,EAASH,EAAG,aAAa,MAAM,EAAQI,EAAWJ,EAAG,aAAa,QAAQ,EAC7EC,GAAYA,IAAa,OAAQD,EAAG,MAAM,KAAK,eAAwBG,GAAUA,IAAW,QAAQH,EAAG,aAAa,OAAO,cAAc,EACzIE,GAAcA,IAAe,OAAQF,EAAG,MAAM,OAAO,eAAwBI,GAAYA,IAAa,QAAQJ,EAAG,aAAa,SAAS,cAAc,EAAMT,GAAgBS,EAAG,aAAa,eAAeR,CAAW,CAAG,EAAEO,EAAWD,CAAU,EAAEA,EAAW,iBAAiB,GAAG,EAAE,QAAQC,CAAU,EACvSD,EAAW,MAAM,MAAMT,EAAMS,EAAW,MAAM,MAAM,OAAOA,EAAW,MAAM,OAAO,OAAOA,EAAW,MAAM,QAAQ,GAAGL,CAAO,KAAKE,EAAO,QAAQ,UAAUG,EAAW,SAAU,CAAC,CAAC,EAAE,CAACR,EAAID,EAAME,EAAeC,EAAYC,CAAO,CAAC,EAAsBY,EAAK,MAAM,CAAC,IAAIV,EAAO,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,EAAE,GAAGD,CAAI,CAAC,CAAE,CAACP,EAAQ,aAAa,CAAC,IAAI,gNAAgN,MAAM,UAAU,eAAe,GAAM,YAAY,EAAE,QAAQ,CAAC,EAAEmB,EAAoBnB,EAAQ,CAAC,IAAI,CAAC,KAAKoB,EAAY,OAAO,MAAM,KAAK,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,EAAE,eAAe,CAAC,KAAKA,EAAY,QAAQ,MAAM,iBAAiB,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,eAAe,GAAK,YAAY,0EAA0E,OAAOnB,GAAO,CAACA,EAAM,cAAc,EAAE,QAAQ,CAAC,KAAKmB,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,GAAK,YAAY;AAAA,2CAAmD,CAAC,CAAC",
  "names": ["SVGIcon", "props", "color", "svg", "overrideStroke", "strokeWidth", "padding", "rest", "svgRef", "pe", "ue", "svgElement", "applyColor", "el", "inlineFill", "inlineStroke", "attrFill", "attrStroke", "p", "addPropertyControls", "ControlType"]
}