import './demo1.css';
import List from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const 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.render(React.createElement("div", { style: { width: 620, padding: 20 } },
    React.createElement("p", null, " \u53EA\u5E26\u6807\u9898\u7684\u7528\u6CD5\uFF0C\u901A\u8FC7size='large' | 'medium' | 'small'\u6765\u533A\u5206\u5C3A\u5BF8\uFF0C\u5177\u4F53\u4E3Aline-height\u7684\u533A\u522B "),
    React.createElement(List, { size: "small" },
        React.createElement(List.Item, null, "\u6807\u9898"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u5E95\u90E8")),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(List, { size: "medium" },
        React.createElement(List.Item, null, "\u6807\u9898"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u5E95\u90E8")),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(List, { size: "large" },
        React.createElement(List.Item, null, "\u6807\u9898"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u963F\u91CC\u4E91\u8BBE\u8BA1\u4E2D\u5FC3"),
        React.createElement(List.Item, null, "\u5E95\u90E8")),
    React.createElement("p", null, " \u5E26\u5934\u50CF\u7684\u7528\u6CD5\uFF0C\u901A\u8FC7avatarImg\u8F93\u5165\u5934\u50CF\u5BF9\u5E94\u56FE\u7247\uFF0C\u5E26\u56FE\u50CF\u7684list\u4E0D\u7528\u4F20\u5165size\uFF0C\u9ED8\u8BA4\u4E00\u79CD\u5C3A\u5BF8 "),
    React.createElement(List, { header: React.createElement("div", null, "Notifications"), dataSource: data, renderItem: (item, i) => (React.createElement(List.Item, { key: i, extra: item.money, title: item.title, avatarImg: item.img },
            "List Item ",
            i)) })), document.getElementById('list-demo-1'));
