kitten-components/dist/javascripts/kitten/components/form/comment.stories.js

Front-end components library

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _radium = require('radium');

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

var _addonInfo = require('@storybook/addon-info');

var _react4 = require('@storybook/addon-knobs/react');

var _comment = require('./comment');

var _grid = require('kitten/components/grid/grid');

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

(0, _react3.storiesOf)('Form/Comment', module).addDecorator(_react4.withKnobs).add('default', (0, _addonInfo.withInfo)('common info')(function () {
  return _react2.default.createElement(
    _radium.StyleRoot,
    null,
    _react2.default.createElement(
      _grid.Grid,
      null,
      _react2.default.createElement(
        _grid.GridCol,
        { offset: '1', col: '8' },
        _react2.default.createElement(_comment.Comment, {
          avatarImgProps: (0, _react4.object)('Src/Alt', {
            src: 'https://placehold.it/80x80/caf4fe/caf4fe',
            alt: ''
          }),
          commentDate: (0, _react4.text)('Comment date', '2 min'),
          text: (0, _react4.text)('Text', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris'),
          ownerName: (0, _react4.text)('Owner name', 'Lorem ipsum')
        })
      )
    )
  );
}));