content: /*
   *
   * FocusLine
   *
   */
  
  import React from 'react'
  import { isEmpty } from 'ramda'
  import T from 'prop-types'
  
  import { buildLog } from '@/utils/logger'
  import { Wrapper, Icon, TextWrapper, Text, Focus } from './styles'
  
  /* eslint-disable-next-line */
  const log = buildLog('c:FocusLine:index')
  
  const FocusLine = ({ iconSrc, before, focus, after }) => (
    <Wrapper>
      <Icon src={iconSrc} show={!isEmpty(iconSrc)} />
      <TextWrapper>
        <Text>{before}</Text> <Focus>{focus}</Focus> <Text>{after}</Text>
      </TextWrapper>
    </Wrapper>
  )
  
  FocusLine.propTypes = {
    iconSrc: T.string,
    before: T.string.isRequired,
    focus: T.oneOfType([T.number, T.string]).isRequired,
    after: T.string.isRequired,
  }
  
  FocusLine.defaultProps = {
    iconSrc: '',
  }
  
  export default React.memo(FocusLine)
  