import { ReactNode } from 'react'

export interface HeaderItemProps {
  label?: string
  width?: string | number
  align?: string
  className?: string
}

export interface ProductTableHeaderRenderProp extends Function {
  (props: ProductTableHeaderProps): ReactNode
}

export interface ProductTableHeaderItemRenderProp extends Function {
  (item: HeaderItemProps, index?: number): ReactNode
}

export type HeaderListType = Array<HeaderItemProps>

export interface ProductTableHeaderProps {
  className?: string
  children?: ReactNode
  list?: HeaderListType
  dataQa?: string
  // renderProps
  renderHeaderItem?: ProductTableHeaderItemRenderProp
  renderList?: ProductTableHeaderRenderProp
  renderBox?: ProductTableHeaderRenderProp
  renderWrapper?: ProductTableHeaderRenderProp
}