ResponsiveHandler.ts

import { CSSProperties } from "react";

export class ResponsiveHandler {

    static getStyle(dis: any): CSSProperties {
        const { xs, sm, md, lg, style } = dis.props;
        const { width } = dis.state;
        if (width < 767 && xs) {
            return { ...style, ...xs };
        }
        if (width < 991 && sm) {
            return { ...style, ...sm };
        }
        if (width < 1199 && md) {
            return { ...style, ...md };
        }
        return { ...style, ...lg };
    }
}