est-product-card

  import { ProductCard, ProductImage, ProductName, ProductButtons } from '../.';

  <ProductCard 
    product={products[0]} 
    initialValues={{ count: 0, maxCount: 10 }} className="bg-gray-700 text-white rounded-xl w-1/4">
      {
        ({ reset, count, increaseBy, isMaxCountReached }) => (
          <>
            <ProductImage  />
            <ProductName  />
            <ProductButtons />
          </>
        )
      }
  </ProductCard>