{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "use-mobile",
  "title": "Use mobile Hook",
  "description": "use mobile hook allows you to check if the user is on a mobile device.",
  "files": [
    {
      "path": "registry/utils/use-mobile/index.ts",
      "content": "import * as React from 'react';\n\nexport function useIsMobile(break_point: number = 768) {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${break_point - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < break_point);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < break_point);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n",
      "type": "registry:hook",
      "target": "components/systaliko-ui/utils/use-mobile.ts"
    }
  ],
  "type": "registry:hook"
}