"use strict";

require("./demo8.css");

var _icon = _interopRequireDefault(require("../../icon"));

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 slides = [{
  url: 'https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
  text: 'Tape Player Skin Design Competition'
}, {
  url: 'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',
  text: 'Mobile Phone Taobao Skin Call'
}, {
  url: 'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
  text: 'Design Enabling Public Welfare'
}, {
  url: 'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg',
  text: 'Amoy Doll Design Competition'
}];
var arrowStyle = {
  display: 'block',
  background: 'red',
  opacity: 1,
  margin: '0 20px'
};

var CustomNextArrow = function CustomNextArrow(props) {
  return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
    style: arrowStyle
  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
    type: "arrow-double-right"
  }));
};

var CustomPrevArrow = function CustomPrevArrow(props) {
  return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
    style: arrowStyle
  }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
    type: "arrow-double-left"
  }));
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_["default"], {
  nextArrow: /*#__PURE__*/_react["default"].createElement(CustomNextArrow, null),
  prevArrow: /*#__PURE__*/_react["default"].createElement(CustomPrevArrow, null),
  lazyLoad: true
}, slides.map(function (item, index) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    key: index,
    className: "slider-img-wrapper"
  }, /*#__PURE__*/_react["default"].createElement("img", {
    src: item.url,
    alt: item.text
  }));
})), document.getElementById('slider-demo-8'));