apphouse/dist/styles/getGutterStyles.ts

Component library for React that uses observable state management and theme-able components.

import { getGutters } from './defaults/gutters.styles';

export const getGutterStyles = (gutters?: number | string) => {
  if (typeof gutters === 'string') {
    return {
      padding: undefined,
      paddingBottom: gutters,
      paddingLeft: gutters,
      paddingRight: gutters,
      paddingTop: gutters
    };
  }
  if (gutters !== undefined && gutters >= 0) {
    return getGutters(gutters);
  }

  return {};
};