// library
import React from 'react'
import { isObj, EMPTY_OBJ } from 'exotic'
// domain
import ColorIcon from 'icons/SwatchesIcon'
import { Image } from 'atoms/Image'
// local
import { toText } from '../meta/_deps'
import { SelectText } from './styled'
import { OptionProps, OptionState, OptionType } from './typings'

export function defaultRenderText(props: OptionProps, state: OptionState) {
  const text = toText(props, state)
  return (
    <SelectText isSelected={props.isSelected} isDisabled={props.isDisabled}>
      {text}
    </SelectText>
  )
}

export function defaultRenderBeforeText(
  props: OptionProps,
  state: OptionState
) {
  return ''
}