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

interface AppConfirmModalProps extends Omit<ModalFuncProps, 'onOk'> {
  title?: React.ReactNode;
  content?: React.ReactNode;
  okText?: string;
  cancelText?: string;
  onOk?: () => Promise<void> | void;
  onCancel?: () => void;
}

// Export default function thay vì const
export default function showConfirmModal({
    title,
    content,
    okText,
    cancelText,
    onOk,
    onCancel,
    ...props
}: AppConfirmModalProps) {
  console.log('okText', okText);
  console.log('cancelText', cancelText);
  
    return Modal.confirm({
      icon: <ExclamationCircleFilled />,
      title: title || 'Confirm',
      content: content,
      okText: okText || 'OK',
      cancelText: cancelText || 'Cancel',
      onOk: onOk,
      onCancel: onCancel,
      ...props
    });
  }