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

import React from 'react'
import defineDebug from 'debug'
import { asPure } from '../../wrappers'

const debug = defineDebug('project:fragment:facebook-button')

/** @lends FacebookButton */
const FacebookButton = ({
  url,
  showCount = false,
  large = false

}) => (
  <span className='facebook-button'>
    <span dangerouslySetInnerHTML={{
      __html: `
<span class="fb-like"
   data-href="${url}"
   data-layout="${showCount ? 'button_count' : 'button'}"
   data-action="like"
   data-size="${large ? 'large' : 'small'}"
   data-show-faces="false"
   data-share="false"></span>
`
    }}>
    </span>
  </span>
)

export default asPure()(FacebookButton)