brandeur-primitives/dist/components/createSpacer.js

Primitive components for brandeur

import React from 'react';
import applyMultiplier from '../utils/applyMultiplier.js';
function getDisplayBySize(size) {
  return size === 0 ? 'none' : 'flex';
}
export default function createSpacer(_ref) {
  var El = _ref.El,
    _ref$baselineGrid = _ref.baselineGrid,
    baselineGrid = _ref$baselineGrid === void 0 ? 1 : _ref$baselineGrid;
  return function Spacer(_ref2) {
    var _ref2$size = _ref2.size,
      size = _ref2$size === void 0 ? 1 : _ref2$size;
    var spacing = applyMultiplier(baselineGrid);
    var space = spacing(size);
    var display = Array.isArray(space) ? space.map(getDisplayBySize) : getDisplayBySize(space);
    return /*#__PURE__*/React.createElement(El, {
      style: {
        display: display,
        width: space,
        flexBasis: space
      }
    });
  };
}