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

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

const debug = defineDebug('project:fragment:amazon-ad')

const { AMAZON_ASSOCIATE_TRACKING_ID } = ThirdpartySetting

/** @lends AmazonAd */
const AmazonAd = asPure()(
  ({
    size = AmazonAd.sizes.aside
  }) => {
    if (!AMAZON_ASSOCIATE_TRACKING_ID) {
      return null
    }
    return (
      <div className='amazon-ad'>
        <div dangerouslySetInnerHTML={{
          __html: `
<script type="text/javascript"><!--
amazon_ad_tag = "${AMAZON_ASSOCIATE_TRACKING_ID}"; amazon_ad_width = "160"; amazon_ad_height = "600"; amazon_ad_logo = "hide";//--></script>
<script type="text/javascript" src="http://ir-jp.amazon-adsystem.com/s/ads.js"></script>
    <script type="text/javascript"><!-- amazon_ad_tag = "${AMAZON_ASSOCIATE_TRACKING_ID}"; amazon_ad_width = "${size.width}"; amazon_ad_height = "${size.height}"; amazon_ad_logo = "hide";//--></script>
    <script type="text/javascript" src="http://ir-jp.amazon-adsystem.com/s/ads.js"></script>

`
        }}></div>
      </div>
    )
  }
)

Object.assign(AmazonAd, {
  sizes: {
    aside: {
      width: 160,
      height: 600
    },
    foot: {
      width: 300,
      height: 250
    }
  }
})

export default AmazonAd