{"ast":null,"code":"import { useMediaQuery } from \"beautiful-react-hooks\";\nimport { useEffect, useState } from \"react\";\nvar width = 1024;\nexport var useIsDesktop = function useIsDesktop() {\n  var _useState = useState(true),\n      isDesktop = _useState[0],\n      setIsDesktop = _useState[1];\n\n  useEffect(function () {\n    if (false) return;\n    var mediaQueryList = window.matchMedia(\"(min-width: \".concat(width, \"px)\"));\n\n    var documentChangeHandler = function documentChangeHandler() {\n      return setIsDesktop(!!mediaQueryList.matches);\n    };\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 function () {\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"}