@kiwicom/orbit-components/es/Stack/helpers/getViewportFlexStyles.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import { css } from "styled-components";
import getJustify from "./getJustify";
import getDirection from "./getDirection";
import getWidth from "./getWidth";
import getDisplay from "./getDisplay";
import getShrink from "./getShrink";
import getWrap from "./getWrap";
import getGrow from "./getGrow";
import getAlign from "./getAlign";
import getBasis from "./getBasis";
import getSpacingToken from "../../common/getSpacingToken/index";

var getViewportFlexStyles = function getViewportFlexStyles(viewport) {
  return function (props) {
    var flex = props.flex,
        theme = props.theme;
    var _props$viewport = props[viewport],
        inline = _props$viewport.inline,
        direction = _props$viewport.direction,
        wrap = _props$viewport.wrap,
        grow = _props$viewport.grow,
        shrink = _props$viewport.shrink,
        basis = _props$viewport.basis,
        justify = _props$viewport.justify,
        align = _props$viewport.align,
        spaceAfter = _props$viewport.spaceAfter;
    return css(["", ";width:", ";margin-bottom:", ";"], flex && css(["display:", ";flex-direction:", ";flex-wrap:", ";flex-grow:", ";flex-shrink:", ";flex-basis:", ";justify-content:", ";align-content:", ";align-items:", ";"], getDisplay(inline), getDirection(direction), getWrap(wrap), getGrow(grow), getShrink(shrink), getBasis(basis), getJustify(justify), getAlign(align), getAlign(align)), getWidth(inline), getSpacingToken({
      spaceAfter: spaceAfter,
      theme: theme
    }));
  };
};

export default getViewportFlexStyles;