import React from 'react'
import styles from './styles.css'
import { TiBell } from 'react-icons/lib/ti'

class FeedButton extends React.Component {
  render() {
    let { icon, unseen, className, onClick } = this.props
    const defaultIcon = (<TiBell />)

    let unseenLabel = (unseen > 0) ?
      <span className={ styles.unreadCountLabel }>{ unseen }</span> : ''

    return (
      <div className={ styles.feedButton + ' ' + className }
           onClick={ onClick }>
        { icon ? icon : defaultIcon }
        { unseenLabel }
      </div>
    )
  }
}

export default FeedButton