UNPKG

@loke/design-system

Version:

A design system with individually importable components

design.loke.global/docs/design-system

LOKE/merchant-frontends

2 lines (1 loc) • 463 B
1
2
import{useEffect,useState}from"react";var MOBILE_BREAKPOINT=768;function useIsMobile(){let[isMobile,setIsMobile]=useState(void 0);return useEffect(()=>{let mql=window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT-1}px)`),onChange=()=>{setIsMobile(window.innerWidth<MOBILE_BREAKPOINT)};return mql.addEventListener("change",onChange),setIsMobile(window.innerWidth<MOBILE_BREAKPOINT),()=>mql.removeEventListener("change",onChange)},[]),!!isMobile}export{useIsMobile};