import { css } from 'styled-components';

const space = props => css`
  margin: ${props => (props.margin ? props.margin : '')};
  margin-top: ${props => (props.marginTop ? props.marginTop : '')};
  margin-bottom: ${props => (props.marginBottom ? props.marginBottom : '')};
  margin-left: ${props => (props.marginLeft ? props.marginLeft : '')};
  margin-right: ${props => (props.marginRight ? props.marginRight : '')};
  padding: ${props => (props.margin ? props.margin : '')};
  padding-top: ${props => (props.marginTop ? props.marginTop : '')};
  padding-bottom: ${props => (props.marginBottom ? props.marginBottom : '')};
  padding-left: ${props => (props.marginLeft ? props.marginLeft : '')};
  padding-right: ${props => (props.marginRight ? props.marginRight : '')};
`;
export default space;
