{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "use-media-query",
  "title": "useMediaQuery",
  "description": "A hook to check if the user is online",
  "files": [
    {
      "path": "registry/hooks/use-media-query.ts",
      "content": "'use client'\n\nimport * as React from 'react'\n\nconst isBrowser = typeof window !== 'undefined'\n\nexport function useMediaQuery(\n  query: string,\n) {\n  const mediaQuery = React.useMemo(() => isBrowser ? window.matchMedia(query) : null, [query])\n\n  const [matches, setMatches] = React.useState(mediaQuery?.matches ?? false)\n\n  React.useEffect(() => {\n    if (!mediaQuery)\n      return\n\n    const handleChange = (event: MediaQueryListEvent) => {\n      setMatches(event.matches)\n    }\n\n    mediaQuery.addEventListener('change', handleChange)\n\n    return () => {\n      mediaQuery.removeEventListener('change', handleChange)\n    }\n  }, [mediaQuery])\n\n  return matches\n}\n",
      "type": "registry:hook",
      "target": "hookas/use-media-query.ts"
    }
  ],
  "type": "registry:hook"
}