{"version":3,"sources":["../ui/src/components/player-components/title/title.tsx"],"sourcesContent":["import { conditions, sportBackBtnArea } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport { useAppSelector } from \"redux-share/hooks\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst Title = () => {\r\n\r\n    const { details, params } = useAppSelector(({ videoData: { details, params } }) => ({ details, params }), shallowEqual);\r\n\r\n    return (\r\n        <div\r\n            style={{ right: sportBackBtnArea }}\r\n            className={`pl-text-[14px] pl-font-medium pl-text-white pl-bg-black/[0.3] pl-py-1 pl-pl-10 pl-pr-2 pl-rounded-[8px] pl-w-max pl-max-w-[90vw] pl-break-words pl-self-start animate__animated animate__faster ${conditions(ConditionName.isActiveElements) ? \"animate__fadeIn pl-opacity-100\" : \"pl-opacity-0 animate__fadeOut\"}`}\r\n        >\r\n            {conditions(ConditionName.hasTitle) ? details.title : params.id}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Title;"],"mappings":"+JAAAA,IAGA,OAAS,gBAAAC,MAAoB,cAOrB,cAAAC,MAAA,oBALR,IAAMC,EAAQ,IAAM,CAEhB,GAAM,CAAE,QAAAC,EAAS,OAAAC,CAAO,EAAIC,EAAe,CAAC,CAAE,UAAW,CAAE,QAAAF,EAAS,OAAAC,CAAO,CAAE,KAAO,CAAE,QAAAD,EAAS,OAAAC,CAAO,GAAIJ,CAAY,EAEtH,OACIC,EAAC,OACG,MAAO,CAAE,MAAOK,CAAiB,EACjC,UAAW,mMAAmMC,oBAAyC,EAAI,iCAAmC,+BAA+B,GAE5T,SAAAA,YAAiC,EAAIJ,EAAQ,MAAQC,EAAO,GACjE,CAER,EAEOI,EAAQN","names":["init_esm_shims","shallowEqual","jsx","Title","details","params","useAppSelector","sportBackBtnArea","conditions","title_default"]}