wix-style-react/dist/stories/Avatar/AvatarTestStory.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _Avatar = require('../../src/Avatar');

var _Avatar2 = _interopRequireDefault(_Avatar);

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

var _AvatarStory = require('./AvatarStory.scss');

var _AvatarStory2 = _interopRequireDefault(_AvatarStory);

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(_storySettings.storySettings.testStories.SIZES, function () {
  return _react2.default.createElement(
    'div',
    { className: _AvatarStory2.default.container },
    ['size90', 'size72', 'size60', 'size48', 'size36', 'size30', 'size24', 'size18'].map(function (size) {
      return _react2.default.createElement(_Avatar2.default, { name: 'John Doe', size: size, key: size });
    })
  );
});

(0, _react3.storiesOf)(kind, module).add(_storySettings.storySettings.testStories.COLORS, function () {
  return _react2.default.createElement(
    'div',
    { className: _AvatarStory2.default.container },
    ['blue', 'green', 'grey', 'red', 'orange'].map(function (color) {
      return _react2.default.createElement(_Avatar2.default, { name: 'John Doe', color: color, key: color });
    })
  );
});

(0, _react3.storiesOf)(kind, module).add(_storySettings.storySettings.testStories.PLACEHOLDER, function () {
  return _react2.default.createElement(
    'div',
    { className: _AvatarStory2.default.container },
    ['size90', 'size72', 'size60', 'size48', 'size36', 'size30', 'size24', 'size18'].map(function (size) {
      return _react2.default.createElement(_Avatar2.default, { size: size, key: size });
    })
  );
});