@scrnhq/eurovision-elements/editor/__story__/image.story.js

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _storybook = require('@kadira/storybook');

var _wrapper = require('../wrapper');

var _wrapper2 = _interopRequireDefault(_wrapper);

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

(0, _storybook.storiesOf)('Editor').addWithInfo('image block', 'An image block in the editor', function () {
  return _react2.default.createElement(
    _wrapper2.default,
    { style: { width: '560px' } },
    _react2.default.createElement(
      'figure',
      { className: 'draft-image-container' },
      _react2.default.createElement('img', { src: 'https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?fit=crop&w=800&h=400&q=80' })
    )
  );
}).addWithInfo('image block with text', 'An image block in the editor with text', function () {
  return _react2.default.createElement(
    _wrapper2.default,
    { style: { width: '560px' } },
    _react2.default.createElement(
      'figure',
      { className: 'draft-image-container' },
      _react2.default.createElement('img', { src: 'https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?fit=crop&w=800&h=400&q=80' }),
      _react2.default.createElement(
        'figcaption',
        null,
        'Eurovision'
      )
    )
  );
}).addWithInfo('large image block with text', 'An large image block in the editor with text', function () {
  return _react2.default.createElement(
    _wrapper2.default,
    { style: { width: '560px' } },
    _react2.default.createElement(
      'figure',
      { className: 'draft-image-container' },
      _react2.default.createElement('img', {
        className: 'big',
        src: 'https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?fit=crop&w=800&h=400&q=80'
      }),
      _react2.default.createElement(
        'figcaption',
        null,
        'Eurovision'
      )
    )
  );
});