{"version":3,"file":"static/js/12842.cb0af601.chunk.js","mappings":"gLAWA,MAAMA,EAA2B,CAC/BC,OAAO,GAGIC,EAAe,WAGwC,IAHvC,MAC3BD,EAAK,UACLE,GACmBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGJ,EACtB,OACEO,EAAAA,EAAAA,KAACC,EAAAA,EAAkB,CACjBC,YAAaR,EACbS,QAASC,IAAYJ,EAAAA,EAAAA,KAACK,EAAAA,GAAS,CAAAD,SAAEA,IAAsBA,UAEvDJ,EAAAA,EAAAA,KAACM,EAAAA,GAAW,CAAAF,UACVJ,EAAAA,EAAAA,KAACO,EAAAA,EAAO,CAACC,KAAMC,EAAAA,GAAUC,IAAKd,UAAWA,OAIjD,C,2HC3BO,MAAMe,EAAkBC,EAAAA,GAAOC,KAAIC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAXJ,CAAW,+JAW7BK,EAAWL,EAAAA,GAAOM,EAACJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAARJ,CAAQ,iEAMrBO,GACPA,EAAMC,SAAW,qBAAuB,uBAG/BC,EAAiBT,EAAAA,GAAOU,IAAGR,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAVJ,CAAU,0LAW3BW,EAAqBX,EAAAA,GAAOC,KAAIC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAAXJ,CAAW,uEAOhCY,EAASZ,EAAAA,GAAOU,IAAGR,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAVJ,CAAU,6GASnBa,EAAQb,EAAAA,GAAOU,IAAGR,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAVJ,CAAU,qGAQlBc,EAAOd,EAAAA,GAAOC,KAAIC,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAAXJ,CAAW,mGAQlBN,EAAcM,EAAAA,GAAOU,IAAGR,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAVJ,CAAU,mHASxBP,EAAYO,EAAAA,GAAOU,IAAGR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAVJ,CAAU,yGAURA,EAAAA,GAAOU,IAAGR,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAVJ,CAAU,kX","sources":["components/AtoZMenuContent/Spin.tsx","components/AtoZMenuContent/style.ts"],"sourcesContent":["import { ReactElement } from 'react';\nimport { EIconSize } from 'utils/constants/app/ui';\nimport { SpinCover, SpinWrapper } from './style';\nimport { ConditionalWrapper } from 'components/ConditionalWrapper';\nimport { Loading } from 'components/Loading';\n\ntype TCenteredSpinProps = {\n  cover?: boolean;\n  className?: string;\n};\n\nconst centeredSpinDefaultProps = {\n  cover: false\n};\n\nexport const CenteredSpin = ({\n  cover,\n  className\n}: TCenteredSpinProps = centeredSpinDefaultProps): ReactElement => {\n  return (\n    <ConditionalWrapper\n      condition={!!cover}\n      wrapper={children => <SpinCover>{children}</SpinCover>}\n    >\n      <SpinWrapper>\n        <Loading size={EIconSize._48} className={className} />\n      </SpinWrapper>\n    </ConditionalWrapper>\n  );\n};\n","import styled from 'styled-components';\n\nexport const TabTitleWrapper = styled.span`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 57px;\n  min-width: 80px;\n  padding: 0 3px;\n  background-color: var(--v3-black-4);\n`;\n\nexport const TabTitle = styled.p<{\n  isActive: boolean;\n}>`\n  font-size: 12px;\n  line-height: 16px;\n  margin: 4px 0 0 0;\n  color: ${props =>\n    props.isActive ? 'var(--v3-black-85)' : 'var(--v3-black-45)'};\n`;\n\nexport const SportContainer = styled.div`\n  height: 40px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--v3-black-6);\n  background-color: var(--v3-black-0);\n`;\n\nexport const SportNameContainer = styled.span`\n  gap: 4px;\n  display: flex;\n  align-items: center;\n  color: var(--v3-black-85);\n`;\n\nexport const Header = styled.div`\n  height: 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 12px 0;\n  padding: 0 12px;\n`;\n\nexport const Title = styled.div`\n  line-height: 20px;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.4px;\n  color: var(--v3-black-100);\n`;\n\nexport const Link = styled.span`\n  color: var(--v3-black-45);\n  letter-spacing: 0.44px;\n  font-weight: 600;\n  font-size: 12px;\n  cursor: pointer;\n`;\n\nexport const SpinWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--v3-black-0);\n`;\n\nexport const SpinCover = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  background-color: var(--v3-black-0);\n`;\n\nexport const TabsWrapper = styled.div`\n  width: 100%;\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--v3-black-0);\n\n  & > div {\n    height: 100%;\n\n    div[class*='-tabs-content-holder'] {\n      overflow: auto;\n      height: 100%;\n    }\n  }\n\n  div[class*='-tabs-tab'] {\n    width: 100%;\n    margin: 0;\n    border: none;\n  }\n\n  div[class*='-tabs-tabpane'] {\n    width: 100%;\n  }\n\n  div[class*='-tabs-content'] {\n    width: 100%;\n    overflow: auto;\n  }\n\n  div .v3-tabs-nav {\n    margin: 0;\n  }\n`;\n"],"names":["centeredSpinDefaultProps","cover","CenteredSpin","className","arguments","length","undefined","_jsx","ConditionalWrapper","condition","wrapper","children","SpinCover","SpinWrapper","Loading","size","EIconSize","_48","TabTitleWrapper","styled","span","withConfig","displayName","componentId","TabTitle","p","props","isActive","SportContainer","div","SportNameContainer","Header","Title","Link"],"sourceRoot":""}