import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
import React, { Fragment } from 'react';
import './index.less';

var dealDayItem = function (_React$Component) {
  _inherits(dealDayItem, _React$Component);

  function dealDayItem() {
    _classCallCheck(this, dealDayItem);

    return _possibleConstructorReturn(this, (dealDayItem.__proto__ || Object.getPrototypeOf(dealDayItem)).apply(this, arguments));
  }

  _createClass(dealDayItem, [{
    key: 'render',
    value: function render() {
      var _props$productItem = this.props.productItem,
          imgUrl = _props$productItem.imgUrl,
          productName = _props$productItem.productName,
          specialPriceStr = _props$productItem.specialPriceStr,
          specialPrice = _props$productItem.specialPrice,
          currencySymbol = _props$productItem.currencySymbol;

      return React.createElement(
        Fragment,
        null,
        React.createElement(
          'div',
          { className: 'ecom-item-vertical-img ecom-column-flex ant-row-flex-middle ant-row-flex-center', style: { width: '235px', height: '300px', marginRight: '2px' } },
          React.createElement('img', { src: imgUrl, alt: '' }),
          React.createElement(
            'h3',
            { className: 'tilte' },
            productName
          ),
          React.createElement(
            'div',
            { className: 'offerItemPriceBox' },
            React.createElement(
              'div',
              { className: 'leftItem' },
              currencySymbol,
              ' ',
              specialPriceStr
            ),
            React.createElement(
              'div',
              { className: 'rightItem' },
              React.createElement(
                'a',
                { href: '#' },
                currencySymbol,
                ' ',
                specialPrice
              )
            )
          )
        )
      );
    }
  }]);

  return dealDayItem;
}(React.Component);

;
export default dealDayItem;