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

Front-end components library

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

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

var _teamCard = require('kitten/components/cards/team-card');

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

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

(0, _react3.storiesOf)('Cards', module).addDecorator(_react4.withKnobs).add('TeamCard', function () {
  return _react2.default.createElement(
    _container.Container,
    null,
    _react2.default.createElement(
      _grid.Grid,
      null,
      _react2.default.createElement(
        _grid.GridCol,
        { col: '3' },
        _react2.default.createElement(
          _marger.Marger,
          { top: '5', bottom: '5' },
          _react2.default.createElement(
            _teamCard.TeamCard,
            null,
            _react2.default.createElement(_teamCard.TeamCard.Image, {
              src: (0, _react4.text)('Image url', 'http://via.placeholder.com/500x500/caf4fe/caf4fe'),
              title: (0, _react4.text)('Image title', 'Title')
            }),
            _react2.default.createElement(_teamCard.TeamCard.Title, {
              children: (0, _react4.text)('children', 'Lorem Ipsum'),
              subTitle: (0, _react4.text)('Subtitle', 'Consectetur')
            }),
            _react2.default.createElement(_teamCard.TeamCard.Icons, {
              email: (0, _react4.text)('Email', 'example@kisskissbankbank.com'),
              phoneNumber: (0, _react4.text)('Phone number', '06 00 00 00 00'),
              links: [{
                name: 'linkedin',
                href: (0, _react4.text)('Linkedin link', 'https://www.linkedin.com')
              }, {
                name: 'twitter',
                href: (0, _react4.text)('Twitter link', 'https://www.twitter.com')
              }]
            })
          )
        )
      )
    )
  );
});