@hitachivantara/uikit-react-core/dist/hooks/useWidth.js

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { useTheme } from "@mui/material/styles";
import useMediaQuery from "@mui/material/useMediaQuery";
//#region src/hooks/useWidth.ts
var useWidth = () => {
	const muiTheme = useTheme();
	return Object.keys(theme.breakpoints.values).toReversed().reduce((output, key) => {
		const matches = useMediaQuery(muiTheme.breakpoints.up(key));
		return !output && matches ? key : output;
	}, null) || "xs";
};
//#endregion
export { useWidth };