@extrawest/firebase-chat-list-component/lib/cjs/hooks/useIsResponsive.js

React Firebase Chat List Component

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsResponsive = void 0;
const core_1 = require("@material-ui/core");
const useIsResponsive = (breakpoint) => {
    const theme = core_1.useTheme();
    const isTabletResponsive = core_1.useMediaQuery(theme.breakpoints.between("md", breakpoint), {
        defaultMatches: true
    });
    const isLargeTabletResponsive = core_1.useMediaQuery(theme.breakpoints.between("md", breakpoint), {
        defaultMatches: true
    });
    const isDesktopResponsive = core_1.useMediaQuery(theme.breakpoints.between("lg", breakpoint), {
        defaultMatches: true
    });
    const isMobileResponsive = core_1.useMediaQuery(theme.breakpoints.down(breakpoint), {
        defaultMatches: true
    });
    if (breakpoint === "md") {
        return isTabletResponsive;
    }
    if (breakpoint === "lg") {
        return isLargeTabletResponsive;
    }
    if (breakpoint === "xl") {
        return isDesktopResponsive;
    }
    if (breakpoint === "sm") {
        return isMobileResponsive;
    }
};
exports.useIsResponsive = useIsResponsive;