https://www.thepwhl.com/assets/chunks/chunk-DyEgOhq2.js

1import{_ as useOutsideClick,bk as useDesktopKeyboardNav,j as jsxRuntimeExports,B as Box,J as CloseButton,o as List,e as ListItem,bl as LinkItem,g as getValueByLang}from"./chunk-Bim7iiV3.js";import{r as reactExports,u as usePageContext}from"./chunk-CdJexCNZ.js";import{P as PlatformBanner}from"./chunk-b7pMCEhG.js";import"./chunk-rhFH4903.js";import"./chunk-MeNecnBW.js";import"./chunk-Du_M3xF-.js";/* empty css              */const dropdownStyles={zIndex:2,position:"absolute",top:"100%",right:{base:0,md:"unset"},background:`linear-gradient(
2                    to bottom,
3                    var(--semantics-borders-primary-color),
4                    var(--components-platform-banner-background-color) 8px,
5                    var(--components-platform-banner-background-color) 100%
6                )`,width:"250px",padding:4,boxShadow:"xl"},menuItemStyles={paddingY:"10px",a:{display:"flex",alignItems:"center",gap:2,width:"fit-content",div:{display:"flex",justifyContent:"center"}}},TeamsDropdown=props=>{const{dropdownId,initialFocusRef,isOpen,menuItems,parentButtonRef,onClose}=props,menuRef=reactExports.useRef(null),{urlPathname}=usePageContext();useOutsideClick({ref:menuRef,handler:onClose});const keyboardNav=useDesktopKeyboardNav([".platform-banner__menu-item",".platform-banner__close-btn"],onClose,"platform-banner__button",!0),handleClose=event=>{onClose(),event.detail===0&&parentButtonRef.current?.focus()},renderItems=(item,index)=>{const{link:linkItem}=item;return linkItem?jsxRuntimeExports.jsx(ListItem,{sx:menuItemStyles,children:jsxRuntimeExports.jsx(LinkItem,{className:"platform-banner__menu-item",currentPage:urlPathname,linkObj:linkItem,ref:index===0?initialFocusRef:null,fontSize:"md"})},item.link?._metadata?.uid):null};return jsxRuntimeExports.jsxs(Box,{id:dropdownId,ref:menuRef,__css:dropdownStyles,className:"accessible-fade","aria-hidden":!isOpen,onKeyDown:keyboardNav,children:[jsxRuntimeExports.jsx(CloseButton,{className:"platform-banner__close-btn",onClick:handleClose,marginLeft:"auto",tabIndex:1}),jsxRuntimeExports.jsx(List,{children:menuItems.map(renderItems)})]})},renderTeamsDropdown=menuItems=>props=>TeamsDropdown({menuItems,...props}),LeaguePlatformBanner=props=>{const{desktop_logo_image,mobile_logo_image,teams_menu}=props,{props:{langCode}}=usePageContext();if(!teams_menu)return null;const mobileImage=mobile_logo_image||desktop_logo_image||pwhlLogo,desktopImage=desktop_logo_image||mobile_logo_image||pwhlLogo;return jsxRuntimeExports.jsx(PlatformBanner,{as:"nav",buttonText:getValueByLang(langCode,"teams"),renderDropdown:renderTeamsDropdown(teams_menu),logo:{data:mobileImage,srcSetConfig:{base:{width:106},lg:{width:106,altImage:desktopImage}}},logoWidth:{base:"76px",md:"106px"},extraProps:{buttonProps:{id:"platform-banner__button",variant:"navButtonPassive"},smartLinkProps:{href:`/${langCode}`,"aria-label":"Go to League homepage"}}})},pwhlLogo=[{public_id:"PWHL_Logo_Logotype_Ultra_Violet_cgbt5r"}];export{LeaguePlatformBanner,pwhlLogo};