// lib
import React from 'react'
import { isObj, EMPTY_OBJ } from 'exotic'
// local
import { SelectText } from './_styled'
import { Option } from './Option'
import { OptionProps, OptionState, OptionType } from './typings'
import { SelectProps } from '../typings'
import { SelectableState } from 'src/state/SelectionState'

export function renderItem(item: OptionType, props: SelectProps, state: SelectableState) {
  const onClick = item.onClick
  console.debug('[Option] renderItem')
  console.dir(item)
  console.log('[Component] Options circularRenderProps', item, props)
  return Option.from({ ...item, onClick }, {...props, label: item.label, value: item.label})
}