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

Reusable react components for payment kit v2

import { useTheme } from "@mui/material/styles";
import useMediaQuery from "@mui/material/useMediaQuery";
const MOBILE_POINT = "md";
export function useMobile(mobilePoint = MOBILE_POINT) {
  const theme = useTheme();
  return {
    isMobile: useMediaQuery(theme.breakpoints.down(mobilePoint)),
    mobileSize: `${theme.breakpoints.values[mobilePoint]}px`
  };
}