import { useMediaQuery } from './useMediaQuery'

/**
 * Hook that returns true when the screen width is LESS THAN 768px (Tablet).
 * This excludes 768px, making it consistent with the 'M' breakpoint starting at 768px.
 *
 * Defaults to `false` (Desktop) on the server to prevent flicker for desktop users.
 */
export const useIsMobile = () => useMediaQuery('(max-width: 767px)', false)