import './demo2.css';
import List from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import { Box, Button, Divider } from '../..';
const data = [
    {
        title: '构建一套产品化设计系统',
        description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
        author: '谢瑶 3 小时前更新',
        img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png',
    },
    {
        title: '构建一套产品化设计系统',
        description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
        author: '谢瑶 3 小时前更新',
        img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png',
    },
    {
        title: '构建一套产品化设计系统',
        description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
        author: '谢瑶 3 小时前更新',
        img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png',
    },
    {
        title: '构建一套产品化设计系统',
        description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
        author: '谢瑶 3 小时前更新',
        img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png',
    },
];
const actions = (React.createElement(Box, { direction: "row", align: "center", style: { whiteSpace: 'nowrap', height: '100%' } },
    React.createElement(Button, { text: true, type: "primary" }, "\u7F16\u8F91"),
    React.createElement(Divider, { direction: "ver" }),
    React.createElement(Button, { text: true, type: "primary" }, "\u8BA2\u9605"),
    React.createElement(Divider, { direction: "ver" }),
    React.createElement(Button, { text: true, type: "primary" }, "\u5220\u9664")));
ReactDOM.render(React.createElement("div", { style: { width: 850, padding: 20 } },
    React.createElement(List, { dataSource: data, size: 'medium', renderItem: (item, i) => (React.createElement(List.Item, { key: i, extra: actions, media: React.createElement("img", { width: "161", height: "143", src: item.img }), title: item.title, updateTime: '2021.07.08' },
            React.createElement("p", { style: { margin: '8px 0' } }, item.description))) })), document.getElementById('list-demo-2'));
