@kiwicom/orbit-components/lib/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.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _styledComponents = require("styled-components");

var _layout = require("../../utils/layout");

var _getWidth = _interopRequireDefault(require("./getWidth"));

var _getDisplay = _interopRequireDefault(require("./getDisplay"));

var _getBasis = _interopRequireDefault(require("./getBasis"));

var _getSpacingToken = _interopRequireDefault(require("../../common/getSpacingToken"));

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 (0, _styledComponents.css)(["", ";width:", ";margin-bottom:", ";"], flex && (0, _styledComponents.css)(["display:", ";flex-direction:", ";flex-wrap:", ";flex-grow:", ";flex-shrink:", ";flex-basis:", ";justify-content:", ";align-content:", ";align-items:", ";"], (0, _getDisplay.default)(inline), (0, _layout.getDirection)(direction), (0, _layout.getWrap)(wrap), (0, _layout.getGrow)(grow), (0, _layout.getShrink)(shrink), (0, _getBasis.default)(basis), (0, _layout.getJustify)(justify), (0, _layout.getAlign)(align), (0, _layout.getAlign)(align)), (0, _getWidth.default)(inline), (0, _getSpacingToken.default)({
      spaceAfter: spaceAfter,
      theme: theme
    }));
  };
};

var _default = getViewportFlexStyles;
exports.default = _default;