"use strict";

require("./demo19.css");

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _ = _interopRequireDefault(require(".."));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var settings = {
  // arrowPosition: 'outer',
  dots: false,
  animation: 'fade',
  infinite: true,
  speed: 500,
  slidesToShow: 1,
  slidesToScroll: 1,
  className: 'custom-slide',
  onChange: function onChange(index) {
    console.log('change Slide index', index);
  }
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, settings, {
  arrowPosition: "outer"
}), [1, 2, 3, 4, 5, 6].map(function (d) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    key: d
  }, /*#__PURE__*/_react["default"].createElement("h3", {
    onClick: function onClick() {
      return console.log(d);
    }
  }, d));
})), /*#__PURE__*/_react["default"].createElement(_["default"], settings, [1, 2, 3, 4, 5, 6].map(function (d) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    key: d
  }, /*#__PURE__*/_react["default"].createElement("a", {
    href: "https://www.taobao.com/?some=".concat(d),
    target: "_blank"
  }, d));
}))), document.getElementById('slider-demo-19'));