jilse-product-card/src/interfaces/ProductInterfaces.ts

Estes es un paquete de pruebas de despliegues en NPM

export interface IPropsProductCardComponent {
    product: IProduct,
/*     children: JSX.Element | JSX.Element[], */
    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
}