import { CheckCircle, X } from "lucide-react";
import Button from "./Button";

interface ResponseModalProps {
    isOpen: boolean;
    title: string;
    message: string;
    isSuccess: boolean;
    onClose: () => void;
    buttonTitle: string;
  }
  
  
  const ResponseModal: React.FC<ResponseModalProps> = ({ 
    isOpen, 
    title, 
    message, 
    isSuccess, 
    onClose, 
    buttonTitle 
  }) => {
    if (!isOpen) return null;
  
    return (
      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
        <div className="bg-white rounded-lg max-w-lg w-full p-12">
          <div className="text-center">
            <div className={`mx-auto mb-4 w-12 h-12 rounded-full flex items-center justify-center ${
              isSuccess ? 'bg-green-100' : 'bg-red-100'
            }`}>
              {isSuccess ? (
                <CheckCircle className="w-8 h-8 text-green-500" />
              ) : (
                <X className="w-8 h-8 text-red-500" />
              )}
            </div>
            <h3 className="text-lg font-semibold mb-2">{title}</h3>
            <p className="text-gray-600 mb-12">{message}</p>
            <Button onClick={onClose} width="w-[80%]">
              {buttonTitle}
            </Button>
          </div>
        </div>
      </div>
    );
  };

  export default ResponseModal