dr-prod-card/README.md

Este es un paquete de prueba de despliegue en NPM

# dr-prod-card

Este es un paquete de prueba de despliegue en NPM

### Rivera Daniel

## Ejemplo

```
import {ProductImage, ProductTitle,ProductButtons,ProductCard} from 'dr-prod-card';
```

```

<ProductCard
    product={product}
    className="bg-dark text-white"
    initialValues={{
        count: 4,
        maxCount: 10
    }}>
        {({ reset, isMaxCountReached, maxCount, increaseBy, count }) => (
            <>
                <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>

```