wix-style-react/dist/stories/Tag/TagTestStory.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _storiesHierarchy = require('../storiesHierarchy');

var _storySettings = require('./storySettings');

var _utils = require('../utils');

var _Tag = require('../../src/Tag');

var _Tag2 = _interopRequireDefault(_Tag);

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

var kind = (0, _storiesHierarchy.getTestStoryKind)({
  category: _storySettings.storySettings.category,
  storyName: _storySettings.storySettings.storyName
});

(0, _react3.storiesOf)(kind, module).add('1. Thumb Variations', function () {
  return _react2.default.createElement(
    _utils.RTLWrapper,
    null,
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(
        'div',
        null,
        'sizes:',
        _react2.default.createElement(_Tag2.default, { size: 'tiny', children: 'tiny' }),
        _react2.default.createElement(_Tag2.default, { size: 'small', children: 'small' }),
        _react2.default.createElement(_Tag2.default, { size: 'medium', children: 'medium' }),
        _react2.default.createElement(_Tag2.default, { size: 'large', children: 'large' })
      ),
      _react2.default.createElement(
        'div',
        null,
        'themes:',
        _react2.default.createElement(_Tag2.default, { children: 'default' }),
        _react2.default.createElement(_Tag2.default, { children: 'error theme', theme: 'error' }),
        _react2.default.createElement(_Tag2.default, { children: 'warning theme', theme: 'warning' })
      ),
      _react2.default.createElement(
        'div',
        null,
        'Removable / Disabled:',
        _react2.default.createElement(_Tag2.default, { children: 'removable' }),
        _react2.default.createElement(_Tag2.default, { children: 'non-removable', removable: false }),
        _react2.default.createElement(_Tag2.default, { children: 'disabled', disabled: true })
      ),
      _react2.default.createElement(
        'div',
        null,
        'With Thumb:',
        _react2.default.createElement(_Tag2.default, {
          children: 'green',
          thumb: _react2.default.createElement('div', {
            style: {
              backgroundColor: 'green',
              height: '100%',
              width: '100%'
            }
          })
        })
      )
    )
  );
});