wix-style-react/dist/stories/Builders/ContactItemBuilder/Example.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _DropdownLayout = require('wix-style-react/DropdownLayout');

var _DropdownLayout2 = _interopRequireDefault(_DropdownLayout);

var _ContactItemBuilder = require('wix-style-react/ContactItemBuilder');

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

var style = {
  display: 'inline-block',
  padding: '0 5px',
  width: '284px',
  lineHeight: '22px'
};
var options = [(0, _ContactItemBuilder.contactItemBuilder)({
  id: 0,
  title: 'Some Name',
  subtitle: 'some subtitle',
  imageUrl: 'https://randomuser.me/api/portraits/women/39.jpg'
}), (0, _ContactItemBuilder.contactItemBuilder)({
  id: 1,
  title: 'Some Other Name',
  subtitle: 'some other subtitle'
}), (0, _ContactItemBuilder.contactItemBuilder)({ id: 2, title: 'No subtitle item' }), (0, _ContactItemBuilder.contactItemBuilder)({
  id: 3,
  title: 'Siri Jacobsson',
  subtitle: 'siri                                                                                                                                                                                                                                                            @wix.com',
  imageUrl: 'https://randomuser.me/api/portraits/women/39.jpg'
}), (0, _ContactItemBuilder.contactItemBuilder)({
  id: 4,
  title: 'Some Item 1',
  subtitle: 'some item 1 subtitle'
}), (0, _ContactItemBuilder.contactItemBuilder)({
  id: 5,
  title: 'Some Item 2',
  subtitle: 'some item 2 subtitle'
})];

exports.default = function () {
  return _react2.default.createElement(
    'div',
    { style: style },
    _react2.default.createElement(_DropdownLayout2.default, { visible: true, selectedId: 0, options: options })
  );
};