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

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _Tag2 = _interopRequireDefault(_Tag);

var _AutoExampleWrapper = require('../AutoExampleWrapper');

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

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var GREEN_THUMB = _react2.default.createElement('div', {
  style: {
    height: '100%',
    width: '100%',
    backgroundColor: 'green'
  }
});

var TagWrapper = function TagWrapper(_ref) {
  var story__withThumb = _ref.story__withThumb,
      rest = _objectWithoutProperties(_ref, ['story__withThumb']);

  return story__withThumb ? _react2.default.createElement(_Tag2.default, _extends({ thumb: GREEN_THUMB }, rest)) : _react2.default.createElement(_Tag2.default, rest);
};
TagWrapper.propTypes = _Tag2.default.propTypes;
TagWrapper.displayName = _Tag2.default.displayName;

exports.default = {
  category: _storySettings.storySettings.category,
  storyName: _storySettings.storySettings.storyName,

  component: (0, _AutoExampleWrapper.createAutoExampleWrapper)(TagWrapper),
  componentPath: '../../src/Tag',
  componentProps: {
    children: 'Hello World',
    dataHook: _storySettings.storySettings.dataHook,
    useOldMargins: false
  },
  exampleProps: {
    onRemove: function onRemove(id) {
      return 'ID: ' + id + ' Removed!';
    },
    onClick: function onClick(id) {
      return 'ID: ' + id + ' Clicked!';
    },
    thumb: [{
      label: 'green square',
      value: GREEN_THUMB
    }]
  }
};