components/ProductDetailModal.jsx

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)