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

import React from 'react'
import defineDebug from 'debug'
import classnames from 'classnames'
import { ApButton } from 'apeman-react-basic'
import { asLocaled, combine } from '../../wrappers'

const debug = defineDebug('project:fragment:post-deleted-blocker')

/** @lends PostDeletedBlocker */
const PostDeletedBlocker = ({
  onRestore,
  restorable = false,
  restoreSpinning = false,
  post
}) => (
  <div className='post-deleted-blocker'>
    <p className="blocker-message">
      { l('messages.DELETED_BY_POST_SUBMITTER')}
    </p>
    <i className={ classnames('post-deleted-blocker-icon') }/>
    <br/>
    {
      restorable ? (
          <ApButton onTap={ () => onRestore(post) }
                    spinning={ restoreSpinning }
          >
            { l('buttons.DO_RESTORE') }
          </ApButton>
        ) : null
    }
  </div>
)

export default combine(
  asLocaled.proxy()
)(PostDeletedBlocker)