jilse-product-card/dist/interfaces/ProductInterfaces.d.ts

Estes es un paquete de pruebas de despliegues en NPM

/// <reference types="react" />
export interface IPropsProductCardComponent {
    product: IProduct;
    children: (args: PorductCardHandlers) => JSX.Element;
    className?: string;
    style?: React.CSSProperties;
    value?: number;
    onChange?: (args: IOnChangeArgs) => void;
    initialValues?: valuesInitial;
}
export interface valuesInitial {
    count?: number;
    maxCount?: number;
}
export interface IOnChangeArgs {
    product: IProduct;
    count: number;
}
export interface IProduct {
    id: string;
    nameProduct: string;
    img?: string;
}
export interface IProductButtonsProps {
    className?: string;
    style?: React.CSSProperties;
}
export interface IProductImageProps {
    img?: string;
    className?: string;
    style?: React.CSSProperties;
}
export interface IProductTitleProps {
    title?: string;
    className?: string;
    style?: React.CSSProperties;
}
export interface IProductContext {
    product: IProduct;
    counter: number;
    maxCount?: number;
    increasyBy: (increment: number) => void;
}
export interface ProductCardHOCProps {
    ({ product, children }: IPropsProductCardComponent): JSX.Element;
    Title: (Props: IProductTitleProps) => JSX.Element;
    Image: (Props: IProductImageProps) => JSX.Element;
    Buttons: (Props: IProductButtonsProps) => JSX.Element;
}
export interface PorductCardHandlers {
    count: number;
    isMaxCountReached: boolean;
    maxCount: number;
    product: IProduct;
    increasyBy: (value: number) => void;
    reset: () => void;
}