import { ReactNode } from 'react'

/**
 * @todo removing this after declaring the data type
 */
import { EMPTY_ARRAY } from 'exotic'

export interface BreadcrumRenderProp {
  (props?: BreadCrumbProps): ReactNode
}

export interface BreadCrumbProps {
  /**
   * @todo
   * define data type
   */
  list: EMPTY_ARRAY
  children?: ReactNode

  /**
   * @todo move this below two properties to item level properties
   * this should not be global properties
   */
  url?: string
  text?: string

  /**
   * @todo
   * RENDER PROPS
   * renderItem
   * renderList
   * renderSeparator
   * renderWrapper
   */
  renderWrapper?: BreadcrumRenderProp
  renderContainer?: BreadcrumRenderProp
}