import React from 'react'
import { SelectableState } from 'src/state/SelectionState'
import { SelectProps } from '../typings'
import { Option } from './Option'
import { OptionProps, OptionState, OptionType } from './typings'

export function renderItem(
  item: OptionType,
  props: SelectProps,
  state: SelectableState
) {
  console.debug('[Option] renderItem')
  console.log('[Component] Options circularRenderProps', item, props)

  return <Option {...item} {...props} label={item.label} value={item.label} />
}