raulrobi-product-card
Version:
NPM testing deployment
43 lines (42 loc) • 1.32 kB
TypeScript
/// <reference types="react" />
import { Props as ProductCardProps } from "../components/ProductCard";
import { Props as ProductTitleProps } from "../components/ProductTitle";
import { Props as ProductImageProps } from "../components/ProductImage";
import { Props as ProductButtonsProps } from "../components/ProductButtons";
export interface Product {
id: string;
title: string;
img?: string;
count?: number;
}
export interface ProductContextProps {
counter: number;
increaseBy: (value: number) => void;
maxCount?: number;
product: Product;
}
export interface ProductCardHOCProps {
({ children, product }: ProductCardProps): JSX.Element;
Title: (Props: ProductTitleProps) => JSX.Element;
Image: (Props: ProductImageProps) => JSX.Element;
Buttons: (Props: ProductButtonsProps) => JSX.Element;
}
export interface onChangeArgsProps {
product: Product;
count: number;
}
export interface ProductInCart extends Product {
count: number;
}
export interface InitialValuesProps {
count?: number;
maxCount?: number;
}
export interface ProductCardHandlers {
count: number;
isMaxCountReached: boolean;
maxCount?: number;
product: Product;
increaseBy: (value: number) => void;
reset: () => void;
}