@roo-ui/components/dist/esm/Button/Button.story.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from 'storybook-readme';
import { boolean, select } from '@storybook/addon-knobs/react';
import Button from '.';
import README from './README.md';
import LoadingIndicator from '../LoadingIndicator';
storiesOf('Components|Button', module).addDecorator(withDocs(README)).add('default', function () {
  return React.createElement(Button, {
    variant: select('Variant', ['default', 'primary'], 'default'),
    rounded: boolean('Rounded', false),
    block: boolean('Block', false),
    disabled: boolean('Disabled', false)
  }, "Hello world");
}).add('with loading indicator', function () {
  var isLoading = boolean('isLoading?', true);
  return React.createElement(Button, {
    variant: select('Variant', ['default', 'primary'], 'default'),
    rounded: boolean('Rounded', false),
    block: boolean('Block', false),
    disabled: isLoading
  }, isLoading ? React.createElement(LoadingIndicator, {
    color: "white",
    size: 21
  }) : 'Hello world');
});