import { ReactNode } from 'react'
import { TextPlaceholderProps } from '../TextPlaceholder/typings'

export interface ItemProps {
  label?: string
  value?: string
}
/**
 * FUNCTIONS
 */
export interface ItemRenderProp {
  (item?: ItemProps, props?: ListProps): ReactNode
}

export interface ListRenderProp {
  (props: ListProps): ReactNode
}

export interface ListProps extends TextPlaceholderProps {
  className?: string

  // where we storing the component children
  children?: ReactNode

  /**
   * To display in horizontal view
   */
  isHorizontalView?: boolean

  /**
   * It is the object to be rendered as list
   */
  list?: Array<ItemProps>

  /**
   * Render Props
   */
  renderItem?: ItemRenderProp
  renderList?: ListRenderProp
  renderWrapper?: ListRenderProp
}