import React, { useState } from 'react';
import { Modal, Checkbox, Input, message } from 'antd';

const { TextArea } = Input;

interface FeedbackModalProps {
  open: boolean; 
  onOk: (selectedOption: number | null, feedbackText: string) => void;
  onCancel: () => void;
}

const FeedbackModal: React.FC<FeedbackModalProps> = ({ open, onOk, onCancel }) => {
  const [selectedOption, setSelectedOption] = useState<number | null>(null);
  const [feedbackText, setFeedbackText] = useState<string>('');

  const handleOk = () => {
    if (selectedOption === null || !feedbackText) {
      message.warning('请选择操作类型并填写反馈建议');
      return;
    }
    onOk(selectedOption, feedbackText);
  };

  return (
    <Modal
      title="反馈"
      open={open} 
      onOk={handleOk}
      onCancel={onCancel}
    >
      <div>
        <Checkbox
          checked={selectedOption === 0}
          onChange={() => setSelectedOption(0)}
        >
          新增
        </Checkbox>
        <Checkbox
          checked={selectedOption === 1}
          onChange={() => setSelectedOption(1)}
        >
          修改
        </Checkbox>
      </div>
      <TextArea
        rows={4}
        placeholder="请输入您的反馈建议"
        value={feedbackText}
        onChange={(e) => setFeedbackText(e.target.value)}
      />
    </Modal>
  );
};

export default FeedbackModal;