spdniloy/anycoder-380d34cb

1import { X, AlertTriangle } from 'lucide-react';2 3export default function DeleteConfirmModal({ isOpen, onClose, onConfirm, title, message }) {4  if (!isOpen) return null;5 6  return (7    <div className="fixed inset-0 z-50 overflow-y-auto">8      <div className="flex min-h-full items-center justify-center p-4">9        <div className="fixed inset-0 bg-neutral-900/50 transition-opacity" onClick={onClose} />10        11        <div className="relative bg-white rounded-xl shadow-xl max-w-sm w-full animate-fadeIn">12          <div className="p-6">13            <div className="flex items-center gap-3 mb-4">14              <div className="p-2 bg-expense-light rounded-lg">15                <AlertTriangle className="w-5 h-5 text-expense-dark" />16              </div>17              <h3 className="text-lg font-semibold text-neutral-800">{title}</h3>18            </div>19            <p className="text-neutral-600 mb-6">{message}</p>20            <div className="flex gap-3">21              <button onClick={onClose} className="btn-secondary flex-1">22                Cancel23              </button>24              <button onClick={onConfirm} className="btn-danger flex-1">25                Delete26              </button>27            </div>28          </div>29        </div>30      </div>31    </div>32  );33}