'use client';

import CustomModal from './custom-modal';
import PrimaryButton from './primary-button';

interface ConfirmModalProps {
  open: boolean;
  onClose: () => void;
  onConfirm: () => void;
  title?: string;
  description?: string;
  loading?: boolean;

  // ✅ NEW
  confirmText?: string;
  confirmColor?: string;
}

export default function ConfirmModal({
  open,
  onClose,
  onConfirm,
  title = 'Confirm Action',
  description = 'Are you sure?',
  loading = false,

  confirmText = 'Delete',
  confirmColor = 'bg-red-500 hover:bg-red-600',
}: ConfirmModalProps) {
  return (
    <CustomModal open={open} onClose={onClose} title={title}>
      <div className="space-y-6">
        <p className="text-sm text-gray-600">{description}</p>

        <div className="flex justify-end gap-3">
          <button
            onClick={onClose}
            className="px-4 py-2 border rounded-lg"
          >
            Cancel
          </button>

          <PrimaryButton
            onClick={onConfirm}
            className={confirmColor}
            disabled={loading}
          >
            {confirmText}
          </PrimaryButton>
        </div>
      </div>
    </CustomModal>
  );
}