tc-product-card
Version:
Este es un paquete npm de pruebas
42 lines (41 loc) • 1.28 kB
TypeScript
/// <reference types="react" />
import { Props as ProductButtonProps } from "../components/ProductButton";
import { Props as ProductCardProps } from "../components/ProductCard";
import { Props as ProductImageProps } from "../components/ProductImage";
import { Props as ProductTitleProps } from "../components/ProductTitle";
export interface Product {
id: string;
title: string;
img?: string;
}
export interface ProductContextProps {
counter: number;
increasBy: (value: number) => void;
product: Product;
maxCount?: number;
}
export interface ProductCardHOCProps {
({ children, product }: ProductCardProps): JSX.Element;
Title: (Props: ProductTitleProps) => JSX.Element;
Image: (Props: ProductImageProps) => JSX.Element;
Buttons: (Props: ProductButtonProps) => JSX.Element;
}
export interface onChangeArgs {
product: Product;
count: number;
}
export interface ProductInCart extends Product {
count: number;
}
export interface InitialValue {
count?: number;
maxCount?: number;
}
export interface ProductCardHandlers {
count: number;
isMaxReached: boolean;
maxCount?: number;
product: Product;
increasBy: (value: number) => void;
reset: () => void;
}