feat: Create Buttons component

src/elements/buttons.js

@@ -0,0 +1,14 @@
+
+import React from 'react';
+
+import filter from '../filter';
+import Div    from '../commons/div';
+
+const defaultClassName = 'ui buttons';
+const componentName    = 'Buttons';
+
+const Buttons = new filter(Div)
+  .classGenerator(defaultClassName)
+  .getComposeComponent(componentName);
+
+export default Buttons;

src/index.js

@@ -19,6 +19,7 @@ export Title from './commons/title';
 
 // elements
 export Button from './elements/button';
+export Buttons from './elements/buttons';
 export Container from './elements/container';
 export Divider from './elements/divider';
 export Flag from './elements/flag';

test/__tests__/elements/Buttons-test.js

@@ -0,0 +1,40 @@
+
+import ReactDOM  from 'react-dom';
+import React     from 'react';
+import TestUtils from 'react-addons-test-utils';
+import {Buttons}   from '../../../src/index';
+
+describe('Buttons', () => {
+  it('should have .ui.buttons class by default', () => {
+    let instance = TestUtils.renderIntoDocument(
+      <Buttons></Buttons>
+    );
+
+    expect(ReactDOM.findDOMNode(instance).className).toMatch('ui');
+    expect(ReactDOM.findDOMNode(instance).className).toMatch('buttons');
+  });
+
+  it('should have child by default', () => {
+    let instance = TestUtils.renderIntoDocument(
+      <Buttons>123</Buttons>
+    );
+
+    expect(ReactDOM.findDOMNode(instance).textContent).toEqual('123');
+  });
+
+  it('should have custom class with custom className', () => {
+    let instance = TestUtils.renderIntoDocument(
+      <Buttons className="custom"></Buttons>
+    );
+
+    expect(ReactDOM.findDOMNode(instance).className).toMatch('custom');
+  });
+
+  it('should display Buttons name', () => {
+    let Component = (
+      <Buttons></Buttons>
+    );
+
+    expect(Component.type.displayName).toMatch('Buttons');
+  });
+});