"use strict";

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _2 = require("../..");

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

var data = [{
  title: 'A Title',
  img: 'https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png',
  money: '$20'
}, {
  title: 'B Title',
  img: 'https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png',
  money: '$10'
}, {
  title: 'Title',
  img: 'https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png',
  money: '$20'
}, {
  title: 'Title',
  img: 'https://img.alicdn.com/tfs/TB1QS.4l4z1gK0jSZSgXXavwpXa-1024-1024.png',
  money: '$20'
}];

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 288
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "small",
  header: /*#__PURE__*/_react["default"].createElement("div", null, "Notifications"),
  dataSource: data,
  renderItem: function renderItem(item, i) {
    return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
      key: i,
      extra: item.money,
      title: item.title,
      media: /*#__PURE__*/_react["default"].createElement(_2.Avatar, {
        src: item.img
      })
    }, "List Item ", i);
  }
})), document.getElementById('list-demo-1'));