import { useMediaQuery } from './useMediaQuery'

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