@kiwicom/orbit-components/es/utils/Grid/helpers/getViewportGridStyles.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 getSpacingToken from "../../../common/getSpacingToken";
import getDisplay from "./getDisplay";

const getViewportGridStyles = ({
  viewport,
  theme
}) => props => {
  if (props[viewport]) {
    const {
      inline,
      maxWidth,
      gap,
      columnGap,
      rowGap,
      rows,
      columns,
      width
    } = props[viewport];
    return css(["", ";max-width:", ";width:", ";grid-template-columns:", ";grid-template-rows:", ";grid-column-gap:", ";grid-row-gap:", ";grid-gap:", ";margin-bottom:", ";"], getDisplay(inline, viewport === "smallMobile"), maxWidth, width, columns, rows, columnGap, rowGap, gap, getSpacingToken({
      spaceAfter: props.spaceAfter,
      theme
    }));
  }

  return css([""]);
};

export default getViewportGridStyles;