@iobroker/adapter-react-v5/build/Components/withWidth.js

React components to develop ioBroker interfaces with react.

import React from 'react';
import { useTheme } from '@mui/material/styles';
import { useMediaQuery } from '@mui/material';
function useWidth() {
    const theme = useTheme();
    const keys = [...theme.breakpoints.keys].reverse();
    return (keys.reduce((output, key) => {
        // eslint-disable-next-line react-hooks/rules-of-hooks
        const matches = useMediaQuery(theme.breakpoints.up(key));
        return !output && matches ? key : output;
    }, null) || 'xs');
}
// FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
export function withWidth() {
    return (WrappedComponent) => {
        return function AnyComponent(props) {
            const width = useWidth();
            return (React.createElement(WrappedComponent, { ...props, width: width }));
        };
    };
}
//# sourceMappingURL=withWidth.js.map