import React from 'react';
import PropTypes from 'prop-types';

const DEFAULT_COLOR = '#ccc';
const DEFAULT_MARGIN = 13;
const DEFAULT_WIDTH = 1;

const Separator = ({ 
    color = DEFAULT_COLOR, 
    marginBottom = DEFAULT_MARGIN, 
    marginTop = DEFAULT_MARGIN, 
    width = DEFAULT_WIDTH 
}) => (
    <div
        style={{
            backgroundColor: color,
            height: width,
            marginBottom,
            marginTop
        }}
    />
);

Separator.propTypes = {
    color: PropTypes.string,
    marginBottom: PropTypes.number,
    marginTop: PropTypes.number,
    width: PropTypes.number
};

export default Separator;
@@ -160,17 +160,36 @@
 tor = (%7B
- 
+%0A    className = '',
 %0A    col
@@ -322,16 +322,46 @@
    %3Cdiv%0A
+        className=%7BclassName%7D%0A
         
@@ -502,16 +502,16 @@
  /%3E%0A);%0A%0A
-
 Separato
@@ -526,16 +526,49 @@
 pes = %7B%0A
+    className: PropTypes.string,%0A
     colo

Allow for classname