import { ReactNode } from 'react'
import { ISidebarItem } from '../SidebarItem/typings'
import { SidebarItemState } from '../SidebarItem/State'
import { SidebarGroupState } from './State'

export interface SidebarItemMapper {
  (state: SidebarItemState, index?: number): any
}

export interface ISidebarGroup {
  // weakmap? not sure
  // private
  store: Map<string, ISidebarItem>

  // addSidebar
  add(item: ISidebarItem): void
}

export interface SidebarGroupRenderProp extends Function {
  (props: SidebarGroupProps, state: SidebarGroupState): ReactNode
}
export interface SidebarGroupProps {
  className?: string
  nowrap?: boolean
  renderSidebarGroupList?: SidebarGroupRenderProp
}