import { OptionType } from '../typings'
import { SelectProps } from './typings'
import { SelectableState } from 'src/state/SelectionState'

export function renderList(props: SelectProps, state: SelectableState) {
  console.debug('[Select] defaultRenderList', props.list)

  function toItemWithState(item: OptionType, index: number) {
    return props.renderItem(item, props, state)
  }
  return props.list.map(toItemWithState)
}