import {
  ProductCard,
  ProductImage,
  ProductTitle,
  ProductButtons,
} from 'kbr-product-card';

<ProductCard
  product={product}
  initialValues={{
    count: 8,
    maxCount: 20,
  }}
>
  {({ reset, count, maxCount, isMaxCountReached, increaseBy }) => (
    <>
      <ProductImage className="custom-image" />
      <ProductTitle className="text-bold" />
      <ProductButtons className="custom-buttons" />
    </>
  )}
</ProductCard>