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

const TemplatePage = () => {
  const columns = [
    {
      title: '模版名称',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: '类型',
      dataIndex: 'type',
      key: 'type',
    },
    {
      title: '创建日期',
      dataIndex: 'createdAt',
      key: 'createdAt',
    },
    {
      title: '状态',
      dataIndex: 'status',
      key: 'status',
    },
  ];

  return (
    <Card
      title="模版管理"
      extra={
        <Button type="primary" icon={<PlusOutlined />}>
          新增模版
        </Button>
      }
    >
      <Table columns={columns} dataSource={[]} rowKey="id" />
    </Card>
  );
};

export default TemplatePage;