import React from 'react';
import { select, text } from '@storybook/addon-knobs';
import Badge from '../../src/lib/Badge/Badge';

export default (stories) => {

  const themeOptions = {
    primary: 'primary',
    secondary: 'secondary',
    bright: 'bright',
    success: 'success',
    warn: 'warn',
    transparent: 'transparent'
  };

  const weightOptions = {
    bold: 'bold',
    normal: 'normal',
    light: 'light',
    lighter: 'lighter'
  }

  stories
    .addWithJSX(
      'Badge',
      () => (
        <Badge
          theme={select('Theme', themeOptions, 'primary')}
          weight={select('Weight', weightOptions, 'normal')}
          className={text('Classname', 'app-custom-classname')}
        >
          { text('Children', 'Insert your text...') }
        </Badge>
      ),
      { info: 'Some simple component' }
    );
}