@nodeject/ui-components
Version:
UI library for non-trivial components
45 lines (44 loc) • 1.95 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Mobile = exports.TabletLandscapeAtLeast = exports.TabletPortrait = exports.TabletLandscape = exports.Tablet = exports.Laptop = exports.DesktopOrLaptop = exports.Desktop = void 0;
var custom_hooks_1 = require("../custom-hooks");
var Desktop = function (props) {
var isDesktop = custom_hooks_1.useMediaQueries().isDesktop;
return isDesktop ? props.children : null;
};
exports.Desktop = Desktop;
var DesktopOrLaptop = function (props) {
var isDesktopOrLaptop = custom_hooks_1.useMediaQueries().isDesktopOrLaptop;
return isDesktopOrLaptop ? props.children : null;
};
exports.DesktopOrLaptop = DesktopOrLaptop;
var Laptop = function (props) {
var isLaptop = custom_hooks_1.useMediaQueries().isLaptop;
return isLaptop ? props.children : null;
};
exports.Laptop = Laptop;
var Tablet = function (props) {
var isTablet = custom_hooks_1.useMediaQueries().isTablet;
return isTablet ? props.children : null;
};
exports.Tablet = Tablet;
var TabletLandscape = function (props) {
var isTabletLandscape = custom_hooks_1.useMediaQueries().isTabletLandscape;
return isTabletLandscape ? props.children : null;
};
exports.TabletLandscape = TabletLandscape;
var TabletPortrait = function (props) {
var isTabletPortrait = custom_hooks_1.useMediaQueries().isTabletPortrait;
return isTabletPortrait ? props.children : null;
};
exports.TabletPortrait = TabletPortrait;
var TabletLandscapeAtLeast = function (props) {
var isTabletLandscapeAtLeast = custom_hooks_1.useMediaQueries().isTabletLandscapeAtLeast;
return isTabletLandscapeAtLeast ? props.children : null;
};
exports.TabletLandscapeAtLeast = TabletLandscapeAtLeast;
var Mobile = function (props) {
var isMobile = custom_hooks_1.useMediaQueries().isMobile;
return isMobile ? props.children : null;
};
exports.Mobile = Mobile;