import React from 'react';
import { Modal, Button } from 'antd';
import { InfoCircleFilled } from '@ant-design/icons';

export interface FeatureNotAvailableFeedbackProps {
  /** 是否显示组件 */
  open: boolean;
  /** 点击"我知道了"按钮的处理函数 */
  onClose: () => void;
  /** 自定义标题 */
  title?: string;
  /** 自定义提示内容 */
  message?: string;
}

const FeatureNotAvailableFeedback: React.FC<
  FeatureNotAvailableFeedbackProps
> = ({
  open,
  onClose,
  title = '功能开发中',
  message = '该功能正在开发中，敬请期待。',
}) => {
  return (
    <Modal
      title={
        <span>
          <InfoCircleFilled style={{ color: '#1890ff', marginRight: 8 }} />
          {title}
        </span>
      }
      open={open}
      onCancel={onClose}
      footer={
        <Button type="primary" onClick={onClose}>
          我知道了
        </Button>
      }
      centered
      closable={false}
    >
      <p>{message}</p>
    </Modal>
  );
};

export default FeatureNotAvailableFeedback;
