{"version":3,"file":"use-breakpoint.0x2RPQxeY1.js","sources":["../../../../src/_helpers/use-breakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport enum Breakpoint {\n  mobile = 'mobile',\n  tablet = 'tablet',\n  desktop = 'desktop'\n}\n\nfunction useBreakpoint() {\n  const [breakpoint, setBreakpoint] = useState<Breakpoint>(Breakpoint.mobile);\n  useEffect(() => {\n    function updateSize() {\n\n      if (window.innerWidth >= 1024) {\n        setBreakpoint(Breakpoint.desktop);\n      } else if (window.innerWidth > 768) {\n        setBreakpoint(Breakpoint.tablet)\n      } else {\n        setBreakpoint(Breakpoint.mobile);\n      }\n    }\n\n    window.addEventListener('resize', updateSize);\n    updateSize();\n\n    return () => window.removeEventListener('resize', updateSize);\n  }, []);\n\n  return breakpoint;\n}\n\nexport default useBreakpoint;"],"names":["Breakpoint","useBreakpoint","breakpoint","setBreakpoint","useState","useEffect","updateSize"],"mappings":"gDAEY,IAAAA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,QAAU,UAHAA,IAAAA,GAAA,CAAA,CAAA,EAMZ,SAASC,GAAgB,CACvB,KAAM,CAACC,EAAYC,CAAa,EAAIC,WAAqB,QAAiB,EAC1EC,OAAAA,EAAAA,UAAU,IAAM,CACd,SAASC,GAAa,CAEhB,OAAO,YAAc,KACvBH,EAAc,SAAkB,EACvB,OAAO,WAAa,IAC7BA,EAAc,QAAiB,EAE/BA,EAAc,QAAiB,CAEnC,CAEO,cAAA,iBAAiB,SAAUG,CAAU,EACjCA,IAEJ,IAAM,OAAO,oBAAoB,SAAUA,CAAU,CAC9D,EAAG,CAAE,CAAA,EAEEJ,CACT"}