azure-devops-ui/Utilities/ScreenSize.js

React components for building web UI in Azure DevOps

import * as React from "react";
import { ScreenContext } from '../Core/Util/Screen';
import { Observer } from '../Observer';
export const ScreenSizeObserver = (props) => {
    return React.createElement(ScreenContext.Consumer, null, screen => React.createElement(Observer, { screenSize: screen.size }, props.children));
};
/**
 * Conditionally renders children based on screen size.
 */
export const ScreenSizeConditional = props => {
    return (React.createElement(ScreenSizeObserver, null, (screenSizeProps) => props.condition(screenSizeProps.screenSize) && props.children));
};