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

Basic UX components

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

var _default2 = _interopRequireDefault(_default);

var _button = require('part:@lyra/components/fileinput/button');

var _button2 = _interopRequireDefault(_button);

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

var _lyra2 = _interopRequireDefault(_lyra);

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

(0, _storybook.storiesOf)('File Input').addDecorator(_knobs.withKnobs).add('Default', () => {
  return _react2.default.createElement(
    _lyra2.default,
    {
      part: 'part:@lyra/components/fileinput/default',
      propTables: [_default2.default]
    },
    _react2.default.createElement(
      _default2.default,
      { onSelect: (0, _storybook.action)('onSelect') },
      'All this content triggers a file select from device'
    )
  );
}).add('Button', () => {
  return _react2.default.createElement(
    _lyra2.default,
    {
      part: 'part:@lyra/components/fileinput/button',
      propTables: [_button2.default]
    },
    _react2.default.createElement(
      _button2.default,
      { onSelect: (0, _storybook.action)('onSelect') },
      'Upload file\u2026'
    )
  );
});