@navinc/base-react-components
Version:
Nav's Pattern Library
14 lines • 831 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsLargerThanPhone = exports.useMediaQuery = void 0;
const styled_components_1 = require("styled-components");
const material_1 = require("@mui/material");
// defaulting to no SSR. Multiple renders are problematic for things like scroll-to - https://mui.com/material-ui/react-use-media-query/#client-side-only-rendering
const useMediaQuery = (query, options) => (0, material_1.useMediaQuery)(query, Object.assign({ noSsr: true }, options));
exports.useMediaQuery = useMediaQuery;
const useIsLargerThanPhone = () => {
const theme = (0, styled_components_1.useTheme)();
return (0, exports.useMediaQuery)(`(${theme.forLargerThanPhone})`);
};
exports.useIsLargerThanPhone = useIsLargerThanPhone;
//# sourceMappingURL=use-media-query.js.map