Upload components/ProductDetailModal.jsx with huggingface_hub

components/ProductDetailModal.jsx

@@ -0,0 +1,14 @@
+import React, { useState } from 'react';
+import { X, Plus, Minus, ShoppingBag } from 'lucide-react';
+
+const ProductDetailModal = ({ 
+  product, 
+  isOpen, 
+  onClose, 
+  onAddToCart 
+}) => {
+  const [quantity, setQuantity] = useState(1);
+  
+  if (!isOpen || !product) return null;
+
+  const formatPrice = (price)