kitten-components/dist/javascripts/kitten/components/cards/backer-card.stories.js

Front-end components library

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

var _backerCard = require('./backer-card');

var _container = require('kitten/components/grid/container');

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

var _marger = require('kitten/components/layout/marger');

var _text = require('kitten/components/typography/text');

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

var Description = function Description() {
  return _react2.default.createElement(
    _react.Fragment,
    null,
    'Lorem',
    ' ',
    _react2.default.createElement(
      _text.Text,
      { color: 'primary1', weight: 'regular' },
      'ipsum'
    ),
    ' ',
    'dolor sit amet, ',
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      _text.Text,
      { weight: 'regular' },
      'consectetur adipiscing elit'
    ),
    '\u2026'
  );
};

(0, _react3.storiesOf)('Cards/BackerCard', module).addDecorator(_react4.withKnobs).add('default', (0, _addonInfo.withInfo)('common info')(function () {
  return _react2.default.createElement(
    _marger.Marger,
    { top: '4' },
    _react2.default.createElement(
      _container.Container,
      null,
      _react2.default.createElement(
        _grid.Grid,
        null,
        _react2.default.createElement(
          _grid.GridCol,
          { col: '3' },
          _react2.default.createElement(_backerCard.BackerCard, {
            title: (0, _react4.text)('Backer title', 'Backer name'),
            subtitle: (0, _react4.text)('Backer subtitle', 'Backer subtitle'),
            imgProps: { src: 'https://placeimg.com/80/80/any' },
            description: _react2.default.createElement(Description, null)
          })
        )
      )
    )
  );
}));