{"version":3,"sources":["webpack://VA/./src/components/Header/CloseButton.js"],"names":["observer","props","ref","_useConfig$header$tit","useConfig","header","title","color","iconColor","chatWindow","useStores","_useTranslation","useTranslation","i18n","t","React","createElement","ControlsItem","_extends","IconButton","onClick","close","exists","TimesIcon","fill","forwardRef"],"mappings":"qMA+BeA,uBArBK,SAACC,EAAOC,GAC1B,IAIeC,EAAXC,cAHFC,OACEC,MAASC,EAAKJ,EAALI,MAAOC,EAASL,EAATK,UAGZC,EAAeC,cAAfD,WACRE,EAAoBC,cAAZC,EAAIF,EAAJE,KAAMC,EAACH,EAADG,EAEd,OACEC,IAAAC,cAACC,IAAYC,IAAA,CAAChB,IAAKA,GAASD,GAC1Bc,IAAAC,cAACG,IAAU,CACTC,QAAS,kBAAMX,EAAWY,SAC1Bf,MAAOO,EAAKS,OAAO,iBAAmBR,EAAE,iBAAmB,IAE3DC,IAAAC,cAACO,IAAS,CAACC,KAAMhB,GAAaD,QAMD,CAAEkB,YAAY","file":"2.js","sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport { useConfig } from '../../hooks';\r\nimport { useStores } from '../../stores';\r\nimport IconButton from '../IconButton';\r\nimport TimesIcon from '../Icons/Times';\r\nimport { ControlsItem } from './Controls';\r\n\r\nconst CloseButton = (props, ref) => {\r\n  const {\r\n    header: {\r\n      title: { color, iconColor }\r\n    }\r\n  } = useConfig();\r\n  const { chatWindow } = useStores();\r\n  const { i18n, t } = useTranslation();\r\n\r\n  return (\r\n    <ControlsItem ref={ref} {...props}>\r\n      <IconButton\r\n        onClick={() => chatWindow.close()}\r\n        title={i18n.exists('altText.close') ? t('altText.close') : ''}\r\n      >\r\n        <TimesIcon fill={iconColor || color} />\r\n      </IconButton>\r\n    </ControlsItem>\r\n  );\r\n};\r\n\r\nexport default observer(CloseButton, { forwardRef: true });\r\n"],"sourceRoot":""}