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

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _storybookReadme = require("storybook-readme");

var _react3 = require("@storybook/addon-knobs/react");

var _ = _interopRequireDefault(require("."));

var _README = _interopRequireDefault(require("./README.md"));

var _LoadingIndicator = _interopRequireDefault(require("../LoadingIndicator"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _react2.storiesOf)('Components|Button', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('default', function () {
  return _react.default.createElement(_.default, {
    variant: (0, _react3.select)('Variant', ['default', 'primary'], 'default'),
    rounded: (0, _react3.boolean)('Rounded', false),
    block: (0, _react3.boolean)('Block', false),
    disabled: (0, _react3.boolean)('Disabled', false)
  }, "Hello world");
}).add('with loading indicator', function () {
  var isLoading = (0, _react3.boolean)('isLoading?', true);
  return _react.default.createElement(_.default, {
    variant: (0, _react3.select)('Variant', ['default', 'primary'], 'default'),
    rounded: (0, _react3.boolean)('Rounded', false),
    block: (0, _react3.boolean)('Block', false),
    disabled: isLoading
  }, isLoading ? _react.default.createElement(_LoadingIndicator.default, {
    color: "white",
    size: 21
  }) : 'Hello world');
});