gm-product-card
Version:
Esto es un paquete de pruebas de despliegue en NPM
46 lines (45 loc) • 1.4 kB
TypeScript
import { JSX, ReactElement } from "react";
import { Props as ProdCardProps } from "../components/ProductCard";
import { Props as ProductTitleProps } from '../components/ProductTitle';
import { Props as ProductButtonsProps } from "../components/ProductButtons";
import { Props as ProductImageProps } from "../components/ProductImage";
export interface ProductCardProps {
product: Product;
children?: ReactElement | ReactElement[];
}
export interface Product {
id: string;
title: string;
img?: string;
}
export interface ProductContextProps {
counter: number;
product: Product;
maxCount?: number;
increaseBy: (value: number) => void;
}
export interface ProductCardHOCProps {
({ children, product }: ProdCardProps): JSX.Element;
Title: (Props: ProductTitleProps) => JSX.Element;
Image: (Props: ProductImageProps) => JSX.Element;
Buttons: (Props: ProductButtonsProps) => JSX.Element;
}
export interface onChangeArg {
product: Product;
count: number;
}
export interface ProductInCart extends Product {
count: number;
}
export interface InitialValues {
count?: number;
maxCount?: number;
}
export interface ProductCardHandlers {
count: number;
isMaxCountReached: boolean;
maxCount?: number;
product: Product;
increaseBy: (value: number) => void;
reset: () => void;
}