import {
  ProductButtons,
  ProductCard,
  ProductImage,
  ProductTitle,
} from 'rei-product-cards';

<ProductCard
  product={product}
  initialValues={{
    count: 4,
    maxCount: 10,
  }}
>
  {({ count, isMaxCountReached, maxCount, reset, increaseBy }) => (
    <>
      <ProductImage />
      <ProductTitle />
      <ProductButtons />
    </>
  )}
</ProductCard>