@lyra/components/lib/snackbar/story.js

Basic UX components

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _default = require('part:@lyra/components/snackbar/default');

var _default2 = _interopRequireDefault(_default);

var _storybook = require('part:@lyra/storybook');

var _knobs = require('part:@lyra/storybook/addons/knobs');

var _lyra = require('part:@lyra/storybook/addons/lyra');

var _lyra2 = _interopRequireDefault(_lyra);

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

const getKinds = () => (0, _knobs.select)('Kind', ['success', 'error', 'warning', 'info']);

(0, _storybook.storiesOf)('Snackbar').addDecorator(_knobs.withKnobs).add('Snackbar', () => _react2.default.createElement(
  _lyra2.default,
  { part: 'part:@lyra/components/snackbar/default', propTables: [_default2.default] },
  _react2.default.createElement(
    _default2.default,
    { kind: getKinds(), timeout: (0, _knobs.number)('timeout after (sec)', 500) },
    (0, _knobs.text)('content', 'This is the content')
  )
)).add('With action', () => {
  return _react2.default.createElement(
    _lyra2.default,
    {
      part: 'part:@lyra/components/snackbar/default',
      propTables: [_default2.default]
    },
    _react2.default.createElement(
      _default2.default,
      {
        kind: getKinds(),
        action: {
          title: (0, _knobs.text)('action title', 'OK, got it')
        },
        onAction: (0, _storybook.action)('onAction'),
        timeout: (0, _knobs.number)('timeout (prop) im ms', 500)
      },
      (0, _knobs.text)('children (prop)', 'This is the content')
    )
  );
});