aboutsummaryrefslogtreecommitdiff
path: root/src/components/hooks/useMobile.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/hooks/useMobile.ts')
-rw-r--r--src/components/hooks/useMobile.ts9
1 files changed, 9 insertions, 0 deletions
diff --git a/src/components/hooks/useMobile.ts b/src/components/hooks/useMobile.ts
new file mode 100644
index 0000000..6b40f3d
--- /dev/null
+++ b/src/components/hooks/useMobile.ts
@@ -0,0 +1,9 @@
+import { useBreakpoint } from '@umami/react-zen';
+
+export function useMobile() {
+ const breakpoint = useBreakpoint();
+ const isMobile = ['xs', 'sm', 'md'].includes(breakpoint);
+ const isPhone = ['xs', 'sm'].includes(breakpoint);
+
+ return { breakpoint, isMobile, isPhone };
+}