Este es un paquete de pruebas de despliegue de NPM
import { ProductCard, ProductImage, ProductButtons, ProductTitle } from '../components';
<ProductCard product={product} style={{ backgroundColor: '#70D1F8' }} onChange={onProductCountChange} key={key} value={shoppingCart[product.id]?.count || 0} initialValues={{ count: 4, maxCount: 10 }}>
{({ reset, count, increaseBy, isMaxCountReached, maxCount }) => <>
<ProductImage />
<ProductTitle />
<ProductButtons />
<button onClick={reset}>reset</button>
<button onClick={() => increaseBy(-2)}>-2</button>
{(!isMaxCountReached && <button onClick={() => increaseBy(2)}>+2</button>
)}
<span>{count} - {maxCount}</span>
</>}
</ProductCard>