import { ReactNode } from 'react'

export interface LabelValue {
  label: string
  value: any
  isColon?: boolean
  className?: string
}

export type DetailedListDataType = Array<LabelValue>

export interface DetailedRenderProp extends Function {
  (props: DetailedListProps): ReactNode
}
export interface DetailedRenderItemProp extends Function {
  (value: LabelValue, index?: number): ReactNode
}

export interface DetailedListProps {
  title?: string
  list: DetailedListDataType
  className?: string
  children?: ReactNode
  /**
   * Render Props
   */
  renderListHeading?: DetailedRenderProp
  renderList?: DetailedRenderProp
  renderListItem?: DetailedRenderItemProp
  renderWrapper?: DetailedRenderProp
  renderEmpty?: DetailedRenderProp
}