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

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

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

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

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