{"version":3,"file":"icon-with-tooltip-5e7687c1.js","sources":["../../../../firstmile.widgets/src/components/icon-with-tooltip/IconWithTooltip.tsx"],"sourcesContent":["import { MouseEventHandler } from 'react';\n\nexport interface IconWithTooltipModel {\n  text: string;\n  mainClass?: string;\n  iconColor?: string;\n  bgColor?: string;\n}\n\nconst handleClick: MouseEventHandler = (e) => {\n  const bodyStyle = document.body.style;\n  const desktopBreakpoint = bodyStyle.getPropertyValue('--breakpoint-desktop');\n  if (desktopBreakpoint.length === 0) return;\n  if (parseInt(desktopBreakpoint) > window.innerWidth) {\n    e.stopPropagation();\n  }\n};\n\nconst IconWithTooltip = (props: IconWithTooltipModel) => {\n  return (\n    <div\n      className={`fm-o-icon-w-tooltip ${props.bgColor ? `fm-o-icon-w-tooltip--${props.bgColor}` : ''} ${props.mainClass ?? ''}`}\n      onClick={handleClick}\n    >\n      <details>\n        <summary>\n          <div className=\"fm-o-icon-w-tooltip__flex-container\">\n            <div className=\"fm-o-icon-w-tooltip__icon-text\">\n              <svg width=\"2\" height=\"13\" viewBox=\"0 0 2 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  d=\"M0.513031 3.96373H1.64703V12.9997H0.513031V3.96373ZM1.08903 0.219727C1.32903 0.219727 1.53303 0.309726 1.70103 0.489726C1.88103 0.657726 1.97103 0.861727 1.97103 1.10173C1.97103 1.34173 1.88103 1.54573 1.70103 1.71373C1.53303 1.88173 1.32903 1.96573 1.08903 1.96573C0.837031 1.96573 0.627031 1.88173 0.459031 1.71373C0.291031 1.54573 0.207031 1.34173 0.207031 1.10173C0.207031 0.861727 0.291031 0.657726 0.459031 0.489726C0.627031 0.309726 0.837031 0.219727 1.08903 0.219727Z\"\n                  fill={props?.iconColor || '#1B1D2B'}\n                />\n              </svg>\n            </div>\n            <div className=\"fm-o-icon-w-tooltip__icon-text--open\">\n              <svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  d=\"M7.77076 1.23914L1.24902 7.76087M1.24902 1.23914L7.77076 7.76087L1.24902 1.23914Z\"\n                  stroke=\"white\"\n                  stroke-width=\"1.30435\"\n                  stroke-miterlimit=\"10\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n            <div className=\"fm-o-icon-w-tooltip__content\">\n              <div className=\"fm-o-icon-w-tooltip__content-wrapper\">{props.text}</div>\n            </div>\n          </div>\n        </summary>\n      </details>\n    </div>\n  );\n};\n\nexport default IconWithTooltip;\n"],"names":["handleClick","e","desktopBreakpoint","document","body","style","getPropertyValue","length","parseInt","window","innerWidth","stopPropagation","IconWithTooltip","props","bgColor","mainClass","_jsx","iconColor","text"],"mappings":"gDASA,MAAMA,EAAwCC,GAAA,CAEtCC,MAAAA,EADYC,SAASC,KAAKC,MACIC,iBAAiB,sBAA3B,EACtBJ,EAAkBK,SAAW,GAC7BC,SAASN,CAAD,EAAsBO,OAAOC,YACvCT,EAAEU,gBAAF,CAEH,EAEKC,EAAmBC,GAAgC,OACvD,SACE,MAAA,CACE,UAAY,uBAAsBA,EAAMC,QAAW,wBAAuBD,EAAMC,UAAY,OAAMD,EAAAA,EAAME,YAANF,KAAAA,EAAmB,KACrH,QAASb,EAFX,WAIE,UAAA,CAAA,WACE,UAAA,CAAA,WACE,MAAA,CAAK,UAAU,sCAAf,SACE,CAAAgB,EAAA,MAAA,CAAK,UAAU,iCAAf,WACE,MAAA,CAAK,MAAM,IAAI,OAAO,KAAK,QAAQ,WAAW,KAAK,OAAO,MAAM,6BAAhE,WACE,OAAA,CACE,EAAE,8dACF,MAAMH,GAAAA,YAAAA,EAAOI,YAAa,SAAA,CAF5B,CAAA,CADF,CAAA,CADF,EAQAD,EAAA,MAAA,CAAK,UAAU,uCAAf,WACE,MAAA,CAAK,MAAM,IAAI,OAAO,IAAI,QAAQ,UAAU,KAAK,OAAO,MAAM,6BAA9D,WACE,OAAA,CACE,EAAE,oFACF,OAAO,QACP,eAAa,UACb,oBAAkB,KAClB,iBAAe,QACf,kBAAgB,OAAA,CANlB,CAAA,CADF,CAAA,CADF,EAYAA,EAAA,MAAA,CAAK,UAAU,+BAAf,WACE,MAAA,CAAK,UAAU,uCAAf,SAAuDH,EAAMK,IAAAA,CAA7D,CAAA,CAtBJ,CAAA,CAAA,CAAA,CAAA,CADF,CAAA,CADF,CAAA,CALJ,CAoCD"}