import React from 'react'
import ToggleMolecule from 'molecules/Toggle/ToggleMolecule'
import { RadioItemProps, RadioItemState } from './typings'

export function renderItem(
  item: RadioItemProps,
  index?: number,
  state?: RadioItemState
) {
  // @note onChange
  // I think it would be state = item
  // - here may be problem - if we spread all of item, and it spreads .isSelected; false always
  return (
    <ToggleMolecule
      isRadio
      {...item}
      state={item}
      key={item.identifier}
      onChange={onChange}
    />
  )
}