codeslator-product-card
Version:
This is a NPM test deploy project.
42 lines (41 loc) • 1.29 kB
TypeScript
/// <reference types="react" />
import { Props as ProductButtonsProps } 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;
img?: string;
title: string;
}
export interface ProductContextProps {
counter: number;
increaseBy: (value: number) => void;
maxCount?: number;
product: Product;
}
export interface ProductCardHOCProps {
({ product, children }: ProductCardProps): JSX.Element;
Buttons: (Props: ProductButtonsProps) => JSX.Element;
Image: (Props: ProductImageProps) => JSX.Element;
Title: (Props: ProductTitleProps) => 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;
isMaxCountReach: boolean;
maxCount?: number;
product: Product;
increaseBy: (value: number) => void;
reset: () => void;
}