import { useCorvexCart } from '@corvex/theme-sdk';

function AddToCartButton({ product, variant }) {
  const { addItem, itemCount, mutating } = useCorvexCart();

  return (
    <button
      type="button"
      disabled={mutating}
      onClick={() => addItem(product, 1, variant)}
    >
      Adicionar ({itemCount})
    </button>
  );
}

import { usePage } from '@corvex/theme-sdk';

export default function CartTemplate() {
  const { cart } = usePage('cart');

  return (
    <ul>
      {cart.items.map((item) => (
        <li key={item.id}>
          {item.title} × {item.quantity} — R$ {item.linePrice}
        </li>
      ))}
    </ul>
  );
}

const storefront = createStorefront({ storeId });

// Bootstrap (localStorage + GET ou POST)
const { cart, checkoutUrl } = await storefront.cart.ensure();

// Mutations
await storefront.cart.addItem(cart.id, {
  productId: product.id,
  productVariantId: variant?.id ?? null,
  quantity: 1,
});

await storefront.cart.updateItem(cart.id, lineId, { quantity: 3 });
await storefront.cart.removeItem(cart.id, lineId);
await storefront.cart.clearItems(cart.id);

// Opcional antes do redirect
await storefront.cart.checkout(cart.id, {
  customer: { email: 'maria@email.com' },
});

import { resolveCartLineInput } from '@corvex/theme-sdk';

const line = resolveCartLineInput(product, 1, selectedVariant);
await storefront.cart.addItem(cartId, line);