import React from 'react';
import PropTable from './components/propTable';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
import { withKnobs, select } from '@storybook/addon-knobs/react';
import { StatusBullet, TextBody } from '../components';

const colors = ['mint', 'violet', 'ruby', 'gold', 'aqua', 'neutral'];
const sizes = ['small', 'medium'];

storiesOf('Status Bullets', module)
  .addDecorator((story, context) =>
    withInfo({
      TableComponent: PropTable,
      propTablesExclude: [TextBody],
    })(story)(context),
  )
  .addDecorator(withKnobs)
  .add('Basic', () => (
    <StatusBullet color={select('Color', colors, 'neutral')} size={select('Size', sizes, 'medium')}>
      <TextBody>label</TextBody>
    </StatusBullet>
  ));

@@ -31,164 +31,55 @@
 ort 
-PropTable from './components/propTable';%0Aimport %7B storiesOf %7D from '@storybook/react';%0Aimport %7B withInfo %7D from '@storybook/addon-info';%0Aimport %7B withKnobs,
+%7B storiesOf %7D from '@storybook/react';%0Aimport %7B
  sel
@@ -330,176 +330,80 @@
 .add
-Decorator((story, context) =%3E%0A    withInfo(%7B%0A      TableComponent: PropTable,%0A      propTablesExclude: %5BTextBody%5D,%0A    %7D)(story)(context),%0A  )%0A  .addDecorator(withKnobs
+Parameters(%7B%0A    info: %7B%0A      propTablesExclude: %5BTextBody%5D,%0A    %7D,%0A  %7D
 )%0A  

update story