{"version":3,"file":"static/js/43086.2231ab23.chunk.js","mappings":"sNAWO,MAAMA,EAAyBC,IAUjB,IAVkB,WACrCC,EAAU,aACVC,GAQDF,EACC,MAAM,QAAEG,IAAYC,EAAAA,EAAAA,MAEpB,OACEC,EAAAA,EAAAA,MAAA,OACEC,WAAWC,EAAAA,EAAAA,GAAG,CACZ,0BACA,CACEC,uBAAwBP,KAEzBQ,SAAA,EAEHC,EAAAA,EAAAA,KAAA,OACEJ,WAAWC,EAAAA,EAAAA,GAAG,CACZ,CACE,0BAA0BI,EAAAA,EAAAA,KAC1B,4BAA4BA,EAAAA,EAAAA,KAC5BH,uBAAwBP,KAG5BW,MAAO,CACLC,MAAO,QACPJ,UAEFC,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,sEAAqEG,UAClFC,EAAAA,EAAAA,KAACI,EAAAA,EAASC,MAAK,CACbT,UAAU,gCACVM,MAAO,CACLI,SAAU,WACVC,KAAM,EACNC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRP,MAAO,OACPQ,OAAQ,cAKflB,EAAQmB,YACPjB,EAAAA,EAAAA,MAAA,OACEC,WAAWC,EAAAA,EAAAA,GAAG,CACZ,wBACA,CACE,iCAAiCI,EAAAA,EAAAA,KACjC,mCAAmCA,EAAAA,EAAAA,KACnCH,uBAAwBP,KAEzBQ,SAAA,GAEW,OAAZP,QAAY,IAAZA,GAAAA,EAAcqB,QACdb,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,kCAAiCG,UAC9CC,EAAAA,EAAAA,KAACI,EAAAA,EAAQ,CACPU,QAAM,EACNC,WAAW,EACXC,MAAO,CACLd,MAAO,CACLS,OAAQ,OACRR,MAAO,QACPc,OAAQ,gBAMJ,OAAZzB,QAAY,IAAZA,GAAAA,EAAc0B,iBACdlB,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,sCAAqCG,UAClDC,EAAAA,EAAAA,KAACI,EAAAA,EAAQ,CACPU,QAAM,EACNC,WAAW,EACXC,MAAO,CACLd,MAAO,CACLS,OAAQ,OACRR,MAAO,QACPc,OAAQ,mBAQlB,C","sources":["newcomponents/Shared/casino/CasinoGameCard/Skeleton/index.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport cc from 'classcat';\nimport { isMobile } from 'utils/is-mobile';\nimport { useCasinoGamesConfigsValues } from 'newelements/Casino/Games/__partials/providers/CasinoGamesConfigsContext';\nimport { Skeleton } from 'newcomponents/UI/Skeleton';\nimport '../__partials/ImageContainer/index.less';\nimport '../Desktop/index.less';\nimport '../Mobile/index.less';\nimport './index.less';\nimport '../index.less';\n\nexport const CasinoGameCardSkeleton = ({\n  extraStyle,\n  hidePartials\n}: {\n  extraStyle?: boolean;\n  hidePartials?: {\n    name?: boolean;\n    providerTitle?: boolean;\n    favorite?: boolean;\n  };\n}): ReactElement => {\n  const { configs } = useCasinoGamesConfigsValues();\n\n  return (\n    <div\n      className={cc([\n        'x-casinoGameCardWrapper',\n        {\n          cardSkeleton__position: extraStyle\n        }\n      ])}\n    >\n      <div\n        className={cc([\n          {\n            'x-casinoGameCardMobile': isMobile(),\n            'x-casinoGameCardDesktop': !isMobile(),\n            cardSkeleton__position: extraStyle\n          }\n        ])}\n        style={{\n          width: '100%'\n        }}\n      >\n        <div className=\"x-casinoGameCardImageWrapper x-casinoGameCardImageWrapper__skeleton\">\n          <Skeleton.Image\n            className=\"x-casinoGameCardImageSkeleton\"\n            style={{\n              position: 'absolute',\n              left: 0,\n              top: 0,\n              right: 0,\n              bottom: 0,\n              width: '100%',\n              height: '100%'\n            }}\n          />\n        </div>\n      </div>\n      {configs.gameTitle && (\n        <div\n          className={cc([\n            'x-casinoGameCardTitle',\n            {\n              'x-casinoGameCardTitle--mobile': isMobile(),\n              'x-casinoGameCardTitle--desktop': !isMobile(),\n              cardSkeleton__position: extraStyle\n            }\n          ])}\n        >\n          {!hidePartials?.name && (\n            <div className=\"x-casinoGameCardTitle__gameName\">\n              <Skeleton\n                active\n                paragraph={false}\n                title={{\n                  style: {\n                    height: '12px',\n                    width: '140px',\n                    margin: '2px 0'\n                  }\n                }}\n              />\n            </div>\n          )}\n          {!hidePartials?.providerTitle && (\n            <div className=\"x-casinoGameCardTitle__providerName\">\n              <Skeleton\n                active\n                paragraph={false}\n                title={{\n                  style: {\n                    height: '12px',\n                    width: '100px',\n                    margin: '2px 0'\n                  }\n                }}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["CasinoGameCardSkeleton","_ref","extraStyle","hidePartials","configs","useCasinoGamesConfigsValues","_jsxs","className","cc","cardSkeleton__position","children","_jsx","isMobile","style","width","Skeleton","Image","position","left","top","right","bottom","height","gameTitle","name","active","paragraph","title","margin","providerTitle"],"sourceRoot":""}