{"ast":null,"code":"var _s = $RefreshSig$();\n\nimport { useMediaQuery } from \"beautiful-react-hooks\";\nimport { useEffect, useState } from \"react\";\nvar width = 1024;\nexport var useIsDesktop = function useIsDesktop() {\n  _s();\n\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// }\n\n_s(useIsDesktop, \"zvsbGeQuqUJ/EOlRKb9NVdk+wLo=\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/hooks/useIsDevice.js"],"names":["useMediaQuery","useEffect","useState","width","useIsDesktop","isDesktop","setIsDesktop","mediaQueryList","window","matchMedia","documentChangeHandler","matches","addEventListener","e1","addListener","e2","console","error","removeEventListener","removeListener"],"mappings":";;AAAA,SAASA,aAAT,QAA8B,uBAA9B;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AAGA,IAAMC,KAAK,GAAG,IAAd;AAEA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AAAA;;AAAA,kBACEF,QAAQ,CAAC,IAAD,CADV;AAAA,MACzBG,SADyB;AAAA,MACdC,YADc;;AAGhCL,EAAAA,SAAS,CAAC,YAAM;AACd,eAAmC;AAEnC,QAAMM,cAAc,GAAGC,MAAM,CAACC,UAAP,uBAAiCN,KAAjC,SAAvB;;AACA,QAAMO,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,aAAMJ,YAAY,CAAC,CAAC,CAACC,cAAc,CAACI,OAAlB,CAAlB;AAAA,KAA9B;;AAEA,QAAI;AACFJ,MAAAA,cAAc,CAACK,gBAAf,CAAgC,QAAhC,EAA0CF,qBAA1C;AACD,KAFD,CAEE,OAAOG,EAAP,EAAW;AACX,UAAI;AACFN,QAAAA,cAAc,CAACO,WAAf,CAA2BJ,qBAA3B;AACD,OAFD,CAEE,OAAOK,EAAP,EAAW;AACXC,QAAAA,OAAO,CAACC,KAAR,CAAcF,EAAd;AACD;AACF;;AACDL,IAAAA,qBAAqB;AACrB,WAAO,YAAM;AACX,UAAI;AACFH,QAAAA,cAAc,CAACW,mBAAf,CAAmC,QAAnC,EAA6CR,qBAA7C;AACD,OAFD,CAEE,OAAOG,EAAP,EAAW;AACX,YAAI;AACFN,UAAAA,cAAc,CAACY,cAAf,CAA8BT,qBAA9B;AACD,SAFD,CAEE,OAAOK,EAAP,EAAW;AACXC,UAAAA,OAAO,CAACC,KAAR,CAAcF,EAAd;AACD;AACF;AACF,KAVD;AAWD,GA3BQ,CAAT;AA6BA,SAAOV,SAAP,CAhCgC,CAiChC;AACA;AACD,CAnCM,C,CAoCP;AACA;AACA;AACA;;GAvCaD,Y","sourcesContent":["import { useMediaQuery } from \"beautiful-react-hooks\"\nimport { useEffect, useState } from \"react\"\n\n\nconst width = 1024\n\nexport const useIsDesktop = () => {\n  const [isDesktop, setIsDesktop] = useState(true)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQueryList = window.matchMedia(`(min-width: ${width}px)`)\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    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\n  return isDesktop\n  // if(typeof window === 'undefined') return true\n  // return useMediaQuery(`(min-width: ${width}px)`)\n}\n// export const useIsMobile = () => {\n//    if(typeof window === 'undefined') return false\n//    return useMediaQuery(`(max-width: ${width}px)`)\n// }"]},"metadata":{},"sourceType":"module"}