import React from 'react'
import { LabelText, Text, Image } from './_styled'

export const isValidCount = count =>
  count && count.toString().includes('(') === false

// @todo - set as renders
export const renderCount = count => {
  const text = isValidCount(count) ? `(${count})` : count
  return text && <Text count children={text} />
}
export const renderText = text => {
  return text && <Text children={text} />
}
export const renderColor = image => {
  return image && <Image image={image} />
}