Do product pack

Este es el paquete que contiene componentes necesario para crear un paquete

Desrciption

    <ProductCard key={product.id}
        product={product}
        className="bg-dark text-white"
        initialValues={{
            count: 4,
            maxCount: 10,            
        }}
      >
        {
          ( {reset, count, increaseBy, isMaxCountReached} )=> (
              <>
                <ProductImage className="custom-image" style={{ boxShadow: '10px 10px 10px rgba(0,0,0,0.2)'}} />
                <ProductTitle className="text-bold" />
                <ProductButtons className="custom-buttons" />
                {/* <h1>{mensaje}</h1> */}
                <button onClick={reset}>Reset</button>

                <button onClick={()=>increaseBy(-2)}>-2</button>
                  {
                    !isMaxCountReached && 
                      <button onClick={()=>increaseBy(2)}>+2</button>
                  }
                <span>count:{count}</span>
              </>
          )
        }
      </ProductCard>