@blocklet/payment-react/lib/hooks/mobile.js

Reusable react components for payment kit v2

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useMobile = useMobile;
var _styles = require("@mui/material/styles");
var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const MOBILE_POINT = "md";
function useMobile(mobilePoint = MOBILE_POINT) {
  const theme = (0, _styles.useTheme)();
  return {
    isMobile: (0, _useMediaQuery.default)(theme.breakpoints.down(mobilePoint)),
    mobileSize: `${theme.breakpoints.values[mobilePoint]}px`
  };
}