code cleanup, add divider to index

Author: kyleturco

src/elements/Divider/Divider.js

@@ -1,35 +1,36 @@
+import _ from 'lodash';
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
 import META from 'src/utils/Meta';
 
-// export default class Button extends Component {
-//   static propTypes = {
-//     children: PropTypes.node,
-//     className: PropTypes.string,
-//   };
+export default class Divider extends Component {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    header: PropTypes.string,
+  };
 
-//   static defaultProps = {
-//     children: 'Click Here',
-//     type: 'button'
-//   };s
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Divider',
+    type: META.type.element,
+  };
 
-//   static _meta = {
-//     library: META.library.semanticUI,
-//     name: 'Button',
-//     type: META.type.element,
-//   };
-
-//   render() {
-//     const classes = classNames(
-//       'sd-button',
-//       'ui',
-//       this.props.className,
-//       'button'
-//     );
-//     return (
-//       <button {...this.props} className={classes}>
-//         {this.props.children}
-//       </button>
-//     );
-//   }
-// }
+  render() {
+    const children = _.clone(this.props.children);
+    const header = <div className='header'>{this.props.header}</div>;
+    const classes = classNames(
+      'sd-button',
+      'ui',
+      this.props.className,
+      'divider'
+    );
+    return (
+      <div {...this.props} className={classes}>
+        <div className='divider'>
+          {children | header}
+        </div>
+      </div>
+    );
+  }
+}

src/index.js

@@ -18,6 +18,7 @@ import TableColumn from 'src/collections/Table/TableColumn';
 // Elements
 import Button from 'src/elements/Button/Button';
 import Container from 'src/elements/Container/Container';
+import Divider from 'src/elements/Divider/Divider';
 import Image from 'src/elements/Image/Image';
 import Input from 'src/elements/Input/Input';
 import List from 'src/elements/List/List';
@@ -57,6 +58,7 @@ export default {
   // Elements
   Button,
   Container,
+  Divider,
   Image,
   Input,
   List,