import React from 'react';
import { Card, Steps, Form, Button, Select, DatePicker, Input } from 'antd';

const { Step } = Steps;
const { Option } = Select;

const CommunicationSend = () => {
  const [form] = Form.useForm();

  return (
    <Card title="发送管理">
      <Steps
        current={0}
        items={[
          { title: '选择模板' },
          { title: '设置参数' },
          { title: '确认发送' },
        ]}
        className="mb-8"
      />
      
      <Form form={form} layout="vertical">
        <Form.Item name="template" label="选择模板">
          <Select placeholder="请选择模板">
            <Option value="template1">模板一</Option>
            <Option value="template2">模板二</Option>
          </Select>
        </Form.Item>

        <Form.Item name="sendTime" label="发送时间">
          <DatePicker showTime />
        </Form.Item>

        <Form.Item name="targetList" label="目标名单">
          <Select placeholder="请选择目标名单">
            <Option value="list1">名单一</Option>
            <Option value="list2">名单二</Option>
          </Select>
        </Form.Item>

        <Form.Item>
          <Button type="primary">下一步</Button>
        </Form.Item>
      </Form>
    </Card>
  );
};

export default CommunicationSend;