@sky-mavis/tanto-widget/dist/cjs/hooks/useIsMobileView.cjs

Tanto Widget

'use strict';

var react = require('react');
var index = require('../utils/index.cjs');

const MOBILE_BREAKPOINT = 576;
function useIsMobileView() {
  const [mobile, setMobile] = react.useState(index.isMobile());
  react.useEffect(() => {
    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
    const onChange = () => {
      setMobile(window.innerWidth < MOBILE_BREAKPOINT);
    };
    mql.addEventListener('change', onChange);
    setMobile(window.innerWidth < MOBILE_BREAKPOINT);
    return () => mql.removeEventListener('change', onChange);
  }, []);
  return !!mobile;
}

exports.useIsMobileView = useIsMobileView;