@nodeject/ui-components/esm/media-query-wrappers/MediaQueryWrappers.js

UI library for non-trivial components

import { useMediaQueries } from '../custom-hooks';
export var Desktop = function (props) {
    var isDesktop = useMediaQueries().isDesktop;
    return isDesktop ? props.children : null;
};
export var DesktopOrLaptop = function (props) {
    var isDesktopOrLaptop = useMediaQueries().isDesktopOrLaptop;
    return isDesktopOrLaptop ? props.children : null;
};
export var Laptop = function (props) {
    var isLaptop = useMediaQueries().isLaptop;
    return isLaptop ? props.children : null;
};
export var Tablet = function (props) {
    var isTablet = useMediaQueries().isTablet;
    return isTablet ? props.children : null;
};
export var TabletLandscape = function (props) {
    var isTabletLandscape = useMediaQueries().isTabletLandscape;
    return isTabletLandscape ? props.children : null;
};
export var TabletPortrait = function (props) {
    var isTabletPortrait = useMediaQueries().isTabletPortrait;
    return isTabletPortrait ? props.children : null;
};
export var TabletLandscapeAtLeast = function (props) {
    var isTabletLandscapeAtLeast = useMediaQueries().isTabletLandscapeAtLeast;
    return isTabletLandscapeAtLeast ? props.children : null;
};
export var Mobile = function (props) {
    var isMobile = useMediaQueries().isMobile;
    return isMobile ? props.children : null;
};