@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
7 lines • 614 B
JavaScript
import { css } from "styled-components";
import mediaQueries from "../../utils/mediaQuery";
import { DEVICES } from "../../utils/mediaQuery/consts";
const getViewportHideStyles = (on, resolveDisplayProp) => Object.values(DEVICES).map(viewport => viewport in mediaQueries ? css(["", ";"], mediaQueries[viewport](css(["display:", ";"], on.indexOf(viewport) !== -1 ? "none" : resolveDisplayProp && resolveDisplayProp()))) :
// "smallMobile" is not media query so we need to check it explicitly
viewport === "smallMobile" && on.indexOf(viewport) !== -1 && css(["display:none;"]));
export default getViewportHideStyles;