Spacing

space.js

import React from 'react';
import cx from 'classnames';

export default function Spacing(Component) {
  return (props) => {
    const { spaceTop, spaceBottom } = props;
    const classes = cx({
      [`space-top-${spaceTop}`]: !!spaceTop,
      [`space-${spaceBottom}`]: !!spaceBottom,
    });
    
    return (
      <div className={classes}>
        <Component {...props} />
      </div>
    );
  }
}