fr-product-card

This is a test package to be deployed in NPM

Deveser

Example

import {
  ProductCard,
  ProductImage,
  ProductTitle,
  ProductButtons,
} from 'fr-product-card';

export const product = {
  id: '1',
  title: 'Cofee Mug 1',
  image: './coffee-mug.png',
};

<ProductCard
  product={product}
  initialValues={{
    count: 4,
    // maxCount: 10
  }}
>
  {({ reset, increaseBy, isMaxCountReached, counter, maxCount }) => (
    <>
      <ProductImage />
      <ProductTitle />
      <ProductButtons />
    </>
  )}
</ProductCard>