function margin() {
    for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
      values[_key] = arguments[_key];
    }
    return directionalProperty.apply(void 0, ['margin'].concat(values));
  }
Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.
@example
// Styles as object usage
const styles = {
  ...margin('12px', '24px', '36px', '48px')
}

// styled-components usage
const div = styled.div`
  ${margin('12px', '24px', '36px', '48px')}
`

// CSS as JS Output

div {
  'marginTop': '12px',
  'marginRight': '24px',
  'marginBottom': '36px',
  'marginLeft': '48px'
}