import devcards from '../';
import React from 'react';
import Button from './Button';

var devcard = devcards.ns('buttons');

devcard(
  'Buttons',
  `
  A simple display of bootstrap buttons.

  * default
  * primary
  * success
  * info
  * warning
  * danger
  * link
  `,
  (
    <div>
      <Button kind="default">default</Button>
      <Button kind="primary">primary</Button>
      <Button kind="success">success</Button>
      <Button kind="info">info</Button>
      <Button kind="warning">warning</Button>
      <Button kind="danger">danger</Button>
      <Button kind="link">link</Button>
    </div>
  )
);

@@ -275,22 +275,44 @@
 ,%0A  
-(%0A    %3Cdiv%3E%0A  
+%3Cdiv style=%7B%7BtextAlign: 'center'%7D%7D%3E%0A
     
@@ -347,34 +347,32 @@
 lt%3C/Button%3E%0A    
-  
 %3CButton kind=%22pr
@@ -387,34 +387,32 @@
 rimary%3C/Button%3E%0A
-  
     %3CButton kind
@@ -435,34 +435,32 @@
 ss%3C/Button%3E%0A    
-  
 %3CButton kind=%22in
@@ -469,34 +469,32 @@
 %22%3Einfo%3C/Button%3E%0A
-  
     %3CButton kind
@@ -517,34 +517,32 @@
 ng%3C/Button%3E%0A    
-  
 %3CButton kind=%22da
@@ -567,18 +567,16 @@
 on%3E%0A    
- 
- 
 %3CButton 
@@ -601,18 +601,16 @@
 Button%3E%0A
-  
   %3C/div%3E
@@ -614,11 +614,7 @@
 iv%3E%0A
-  )%0A
 );%0A

Align as an option isn't ideal, include inline style example instead