type CartEvent =
  | 'Cart Viewed'
  | 'Product Added'
  | 'Remove from Cart'
  | 'Cart Updated';

import { track } from '@bilyai/browser';

track('Product Added', {
  products: [{
    id: 'prod_123',
    name: 'Wireless Headphones',
    price: 99.99,
    quantity: 1
  }]
});

track('Remove from Cart', {
  products: [{
    id: 'prod_123',
    name: 'Wireless Headphones',
    price: 99.99,
    quantity: 1
  }]
});

track('Cart Updated', {
  products: [{
    id: 'prod_123',
    name: 'Wireless Headphones',
    price: 99.99,
    quantity: 2  // Updated quantity
  }]
});

function AddToCartButton({ product }) {
  const bily = useBily();

  const handleAddToCart = () => {
    bily.track('Product Added', {
      products: [{
        id: product.id,
        name: product.name,
        price: product.price,
        quantity: 1
      }]
    });
  };

  return (
    <button onClick={handleAddToCart}>
      Add to Cart
    </button>
  );
}

track('Cart Viewed', {
  products: cartItems.map(item => ({
    id: item.id,
    name: item.name,
    price: item.price,
    quantity: item.quantity
  })),
  order: {
    total: calculateTotal(cartItems),
    currency: 'USD'
  }
});