'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _carousel = require('antd/es/carousel');

var _carousel2 = _interopRequireDefault(_carousel);

require('antd/es/carousel/style/css');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _emoji = require('../../emoji');

var _emoji2 = _interopRequireDefault(_emoji);

require('./Emoji.css');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

// 每页 20  5*4
// 共 20 * 3 = 60 (实际是 54)

// class Emoji

var Emoji = function Emoji(_ref) {
  var _onClick = _ref.onClick;

  var content = [[], [], []];

  for (var i = 0; i < _emoji2.default.length; i++) {
    if (i < 20) {
      content[0].push(_emoji2.default[i]);
    } else if (i < 40) {
      content[1].push(_emoji2.default[i]);
    } else if (i < _emoji2.default.length) {
      content[2].push(_emoji2.default[i]);
    }
  }
  return _react2.default.createElement(
    _carousel2.default,
    null,
    _react2.default.createElement(
      'div',
      null,
      content[0].map(function (item, index) {
        return _react2.default.createElement(
          'div',
          { className: 'item', key: item.value },
          _react2.default.createElement('span', { className: 'helper' }),
          _react2.default.createElement('img', {
            src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
            alt: item.title,
            style: { display: 'inline-block' },
            onClick: function onClick() {
              return _onClick(item.title);
            }
          })
        );
      })
    ),
    _react2.default.createElement(
      'div',
      null,
      content[1].map(function (item, index) {
        return _react2.default.createElement(
          'div',
          { className: 'item', key: item.value },
          _react2.default.createElement('span', { className: 'helper' }),
          _react2.default.createElement('img', {
            src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
            alt: item.title,
            style: { display: 'inline-block' },
            onClick: function onClick() {
              return _onClick(item.title);
            }
          })
        );
      })
    ),
    _react2.default.createElement(
      'div',
      null,
      content[2].map(function (item) {
        return _react2.default.createElement(
          'div',
          { className: 'item', key: item.value },
          _react2.default.createElement('span', { className: 'helper' }),
          _react2.default.createElement('img', {
            src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
            alt: item.title,
            style: { display: 'inline-block' },
            onClick: function onClick() {
              return _onClick(item.title);
            }
          })
        );
      })
    )
  );
};

exports.default = Emoji;
//# sourceMappingURL=Emoji.js.map