/**
 * PostBanButton component
 *
 * Generated by coz on 2017-01-03,
 * from a template provided by apeman-asset-templates.
 *
 * @function PostBanButton
 */
'use strict'

import React from 'react'
import classnames from 'classnames'
import defineDebug from 'debug'
import { IconClasses } from 'ore-fol-enums'
import { ApButton } from 'apeman-react-basic'

const debug = defineDebug('project:fragment:post-ban-button')
const { SPIN_ICON, BAN_ICON } = IconClasses

const banIconClass = ({ spinning, active }) => {
  if (spinning) {
    return SPIN_ICON
  }
  return BAN_ICON
}

/** @lends PostBanButton */
const PostBanButton = ({
  post,
  active = false,
  spinning = false,
  onTap
}) => (
  <ApButton className={ classnames('post-ban-button', 'ban-button', {
    'ban-button-active': active,
    'ban-button-spinning': spinning
  }) }
            onTap={ onTap }>
    <i className={ classnames('ban-button-icon', banIconClass({ spinning, active })) }/>
    <span className="ban-button-text">
    </span>
  </ApButton>
)

export default PostBanButton