1import { ProductDetail } from '@/components/fanbace/product-detail';
2import { useProduct, useCart } from '@/lib/sdk';
3 
4export default function ProductPage({ productId }: Props) {
5  const { product, loading } = useProduct(productId);
6  const { addItem } = useCart();
7 
8  if (loading) return <ProductDetailSkeleton />;
9  if (!product) return <ProductNotFound />;
10 
11  return (
12    <ProductDetail
13      product={product}
14      onAddToCart={(variant, quantity) => {
15        addItem({
16          productId: product.id,
17          variantId: variant.id,
18          quantity,
19        });
20      }}
21      onAddToWishlist={(product) => {
22        // Handle wishlist
23      }}
24      showReviews
25      showRelatedProducts
26    />
27  );
28}