'use strict';

const BREAKPOINT_CONFIG = {
    xs: 0,
    sm: 540,
    md: 720,
    lg: 960,
    xl: 1140
};
const SIZE_TO_MEDIA = {
    xs: "(min-width: " + BREAKPOINT_CONFIG.xs + "px)",
    sm: "(min-width: " + BREAKPOINT_CONFIG.sm + "px)",
    md: "(min-width: " + BREAKPOINT_CONFIG.md + "px)",
    lg: "(min-width: " + BREAKPOINT_CONFIG.lg + "px)",
    xl: "(min-width: " + BREAKPOINT_CONFIG.xl + "px)"
};
// Check if the window matches the media query
// at the breakpoint passed
// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
const matchBreakpoint = (breakpoint) => {
    if (breakpoint === undefined || breakpoint === "") {
        return true;
    }
    if (window.matchMedia) {
        const mediaQuery = SIZE_TO_MEDIA[breakpoint];
        return window.matchMedia(mediaQuery).matches;
    }
    return false;
};

exports.BREAKPOINT_CONFIG = BREAKPOINT_CONFIG;
exports.matchBreakpoint = matchBreakpoint;

//# sourceMappingURL=media-330605b2.js.map