import { MediaQuery } from 'svelte/reactivity';

const DEFAULT_MOBILE_BREAKPOINT = 768;

export class IsMobile extends MediaQuery {
    constructor(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {
        super(`max-width: ${breakpoint - 1}px`);
    }
}