Products Pack

Este paquete contiene un conjunto de componentes de React para la gestión de productos en una aplicación. Los componentes incluidos son:

• ProductCard: Un componente para mostrar información detallada de un producto.
• ProductImage: Un componente para mostrar la imagen de un producto.
• ProductTitle: Un componente para mostrar el título de un producto.
• ProductButtons: Un componente para mostrar los botones de acción para un producto.

Example Usage

<ProductCard
  key={product.id}
  product={product}
  className="bg-dark text-white"
  initialValues={{
    count: 2,
    maxCount: 10,
  }}
>
  {({ reset, count, increaseBy, isMaxCountReached }) => (
    <>
      <ProductImage className="custom-image" />
      <ProductTitle className="text-white" />
      <ProductButtons className="custom-buttons" />

      <button onClick={reset}>Reset</button>
      <button onClick={() => increaseBy(-2)}>-2</button>
      {!isMaxCountReached && <button onClick={() => increaseBy(2)}>+2</button>}
      <span>
        Count: {count} - Max: {isMaxCountReached ? "Yes" : "No"}
      </span>
    </>
  )}
</ProductCard>