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

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 ''
}