(self.webpackChunk=self.webpackChunk||[]).push([[7862],{17862:(e,t,n)=>{"use strict";n.r(t),n.d(t,{HorizontalRibbonMenuItem:()=>C,default:()=>I});var i=n(85782),o=n(40578),a=n(87763),r=n(38317),l=n(46062),c=n.n(l),s=n(44036),m=n.n(s),d=n(96793),h=n.n(d),p=n(17892),b=n.n(p),u=n(11173),v=n.n(u),f=n(42464),g=n.n(f),x=n(16896),w=n.n(x),z={};z.styleTagTransform=g(),z.setAttributes=b(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=v(),c()(w(),z),w()&&w().locals&&w().locals;var k=n(56753);const y="horizontal-ribbon-menu-item";function C({item:e,onClick:t,active:n,inplaySportEvents:l,appRoute:c,onActive:s,className:m}){return(0,k.BX)(a.Z,{targetUri:c?`${c}${e.targetUri}`:e.targetUri,className:(0,i.O5)(y,m),activeClassName:(0,i.O5)(y,"active"),onClick:()=>{t&&t()},isActive:(t,i)=>{const o=e.matchByQueryParams?i.pathname+i.search:i.pathname,a=void 0===n&&i.pathname.length>1?`${o}/`.indexOf(`${e.targetUri}/`)>-1:n;return a&&s&&s(),a},children:[!!l&&(0,k.tZ)(o.C,{value:l,size:"l",color:"red"}),(0,k.tZ)(r.Z,{iconId:e.mediaItemId||"default",name:e.name}),(0,k.tZ)("span",{className:(0,i.dG)(y,"name"),children:e.name})]})}const I=C},16896:e=>{e.exports=[[e.id,'.horizontal-ribbon-menu-item{text-decoration:none;width:56px;height:52px;text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:10px;color:var(--color-horizontal-ribbon-menu-item-text);display:inline-flex;padding:5px 0;cursor:pointer;position:relative;overflow:hidden;flex-direction:column;justify-content:space-between;align-items:center}.horizontal-ribbon-menu-item .media-item--icon{height:24px;width:24px;fill:var(--color-horizontal-ribbon-menu-item-icon)}.horizontal-ribbon-menu-item__name{display:block;width:90%;margin:0 5%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:2px}.horizontal-ribbon-menu-item--active{background-color:var(--color-brand-background);color:var(--color-white)}.horizontal-ribbon-menu-item--active .media-item--icon{fill:var(--color-white)}.horizontal-ribbon-menu-item .badge{position:absolute;top:2px;right:8px}',"",""]]}}]);