import React from 'react';
import { List, Row } from '@btri-ui/base';
import './index.less';

export default () => {
  const data = [
    { title: '列表标题', label: '内容列表内容列表内容列表内容', key: 'a1' },
    { title: '列表标题', label: '内容列表内容列表内容列表内容', key: 'a2' },
    { title: '列表标题', label: '内容列表内容列表内容列表内容', key: 'a3' },
  ];

  return (
    <>
      <Row>
        <List
          bordered
          dataSource={data}
          renderItem={(item: any) => (
            <List.Item>
              <List.Item.Meta
                avatar={<div className="list-image"></div>}
                title={item.title}
                description={item.label}
              />
            </List.Item>
          )}
        />
      </Row>
    </>
  );
};
