export function getMediaQueryList ( _breakpoint , theme ) { const minBreakpointValues = { mobile : 0 , tablet : theme ?. breakpoints ?. mobile , desktop : theme ?. breakpoints ?. tablet , widescreen : theme ?. breakpoints ?. desktop , fullHD : theme ?. breakpoints ?. widescreen , } ; let breakpoint = _breakpoint ; let key ; if ( breakpoint . includes ( 'min' ) ) { breakpoint = breakpoint . replace ( 'min-' , '' ) ; key = 'min-width' ; } else if ( breakpoint . includes ( 'max' ) ) { breakpoint = breakpoint . replace ( 'max-' , '' ) ; key = 'max-width' ; } const breakpointValue = key === 'min-width' ? minBreakpointValues [ breakpoint ] : theme ?. breakpoints ?. [ breakpoint ] ; let query = key ? `(${ key }: ${ key === 'min-width' ? breakpointValue : breakpointValue - 1 }px)` : `(min-width: ${ minBreakpointValues [ breakpoint ] }px) and (max-width: ${ breakpointValue - 1 }px)` ; const mediaQueryList = typeof window !== 'undefined' ? window . matchMedia ( query ) : { matches : false , addListener : ( ) => null , removeListener : ( ) => null } ; return mediaQueryList ; }