type ProductImageFailedOverlayProps = {
    uploadedImage: any;
    onRetry: (image: any) => void;
};

export default function ProductImageFailedOverlay({
                                                      uploadedImage,
                                                      onRetry,
                                                  }: ProductImageFailedOverlayProps) {
    if (uploadedImage.uploadStatus !== "failed") return null;

    return (
        <div className="absolute inset-0 bg-red-50/90 flex items-center justify-center z-20 rounded-lg">
            <div className="text-center">
                <p className="text-sm text-red-600">فشل الرفع</p>

                <button
                    onClick={() => onRetry(uploadedImage)}
                    className="text-xs text-white bg-red-500 px-3 py-1 rounded mt-2"
                >
                    إعادة المحاولة
                </button>
            </div>
        </div>
    );
}