Do Products Pack

Example:

Este es el paquete de productos de React.

      <ProductCard
        key={product.id}
        product={product}
        className="bg-dark"
        initialValues={{
          count: 4,
          maxCount: 10,
        }}
      >
        {({ reset, increaseBy, maxCount, isMaxCountReached, count }) => (
          <>
            <ProductCard.Image className="custom-image" />
            <ProductCard.Title title="uno2" className="text-white text-bold" />
            <ProductCard.Buttons className="custom-buttons" />
            <button onClick={reset}>Reset</button>
            <button
              onClick={() => {
                increaseBy(-2);
              }}
            >
              -2
            </button>
            {!isMaxCountReached && (
              <button
                onClick={() => {
                  increaseBy(2);
                }}
              >
                +2
              </button>
            )}
            <span>
              {count} - {maxCount}
            </span>
          </>
        )}
      </ProductCard>
      ```