zaf-product-card
Version:
42 lines (41 loc) • 1.29 kB
TypeScript
/// <reference types="react" />
import { Props as ProductButtonProps } from "../components/ProductButtons";
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 {
product: Product;
counter: number;
maxCount?: number;
increaseBy: (value: number) => void;
}
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 InitialValues {
count?: number;
maxCount?: number;
}
export interface ProductCardHandlers {
count: number;
isMaxCountReached: boolean;
maxCount?: number;
product: Product;
increaseBy: (value: number) => void;
reset: () => void;
}