{"ast":null,"code":"import { useMediaQuery } from \"beautiful-react-hooks\";\nimport { useEffect, useState } from \"react\";\nconst width = 1024;\nexport const useIsDesktop = () => {\n  const {\n    0: isDesktop,\n    1: setIsDesktop\n  } = useState(true);\n  useEffect(() => {\n    if (true) return;\n    const mediaQueryList = window.matchMedia(`(min-width: ${width}px)`);\n\n    const documentChangeHandler = () => setIsDesktop(!!mediaQueryList.matches);\n\n    try {\n      mediaQueryList.addEventListener('change', documentChangeHandler);\n    } catch (e1) {\n      try {\n        mediaQueryList.addListener(documentChangeHandler);\n      } catch (e2) {\n        console.error(e2);\n      }\n    }\n\n    documentChangeHandler();\n    return () => {\n      try {\n        mediaQueryList.removeEventListener('change', documentChangeHandler);\n      } catch (e1) {\n        try {\n          mediaQueryList.removeListener(documentChangeHandler);\n        } catch (e2) {\n          console.error(e2);\n        }\n      }\n    };\n  });\n  return isDesktop; // if(typeof window === 'undefined') return true\n  // return useMediaQuery(`(min-width: ${width}px)`)\n}; // export const useIsMobile = () => {\n//    if(typeof window === 'undefined') return false\n//    return useMediaQuery(`(max-width: ${width}px)`)\n// }","map":null,"metadata":{},"sourceType":"module"}