@etsoo/materialui/lib/cjs/useCurrentBreakpoint.js

TypeScript Material-UI Implementation

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useCurrentBreakpoint = useCurrentBreakpoint;
const styles_1 = require("@mui/material/styles");
const useMediaQuery_1 = __importDefault(require("@mui/material/useMediaQuery"));
/**
 * Hook to get the current breakpoint
 * @returns The current breakpoint
 */
function useCurrentBreakpoint() {
    const theme = (0, styles_1.useTheme)();
    const items = [
        (0, useMediaQuery_1.default)(theme.breakpoints.down("xs")) ? "xs" : null,
        (0, useMediaQuery_1.default)(theme.breakpoints.between("xs", "sm")) ? "sm" : null,
        (0, useMediaQuery_1.default)(theme.breakpoints.between("sm", "md")) ? "md" : null,
        (0, useMediaQuery_1.default)(theme.breakpoints.between("md", "lg")) ? "lg" : null,
        (0, useMediaQuery_1.default)(theme.breakpoints.up("lg")) ? "xl" : null
    ];
    return items.find((item) => item != null) ?? "lg";
}