import React from 'react';
import { Card, Table, Button, Input } from 'antd';
import { PlusOutlined } from '@ant-design/icons';

const { Search } = Input;

const CommunicationList = () => {
  const columns = [
    {
      title: '名单名称',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: '联系人数量',
      dataIndex: 'contactCount',
      key: 'contactCount',
    },
    {
      title: '创建日期',
      dataIndex: 'createdAt',
      key: 'createdAt',
    },
    {
      title: '更新日期',
      dataIndex: 'updatedAt',
      key: 'updatedAt',
    },
  ];

  return (
    <Card
      title="名单管理"
      extra={
        <Button type="primary" icon={<PlusOutlined />}>
          新增名单
        </Button>
      }
    >
      <div className="mb-4">
        <Search placeholder="搜索名单" allowClear enterButton />
      </div>
      <Table columns={columns} dataSource={[]} rowKey="id" />
    </Card>
  );
};

export default CommunicationList;