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 var ScreenSizeObserver = function (props) {
    return React.createElement(ScreenContext.Consumer, null, function (screen) { return React.createElement(Observer, { screenSize: screen.size }, props.children); });
};
/**
 * Conditionally renders children based on screen size.
 */
export var ScreenSizeConditional = function (props) {
    return (React.createElement(ScreenSizeObserver, null, function (screenSizeProps) { return props.condition(screenSizeProps.screenSize) && props.children; }));
};