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

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

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

/** @lends TwitterButton */
const TwitterButton = ({
  className,
  url,
  text,
  large = false,
  hashtags,
  showCount = false
}) => (
  <span className={ classnames('twitter-button') }>
    <span dangerouslySetInnerHTML={{
      __html: `
<a href="https://twitter.com/share"
   class="twitter-share-button"
   data-size="${large ? 'large' : ''}"
   data-url="${url || ''}"
   data-text="${text || ''}"
   data-hashtags="${hashtags || ''}"
   data-show-count="${String(Boolean(showCount))}">
   <span class="twitter-share-button-inner"></span>
 </a>
`
    }}>
    </span>
  </span>
)

export default asPure()(TwitterButton)