"use strict";

require("./demo2.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 }; }

var slides = [1, 2, 3, 4, 5, 6, 7, 8, 9].map(function (item) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      width: '25%'
    },
    key: item
  }, /*#__PURE__*/_react["default"].createElement("h4", {
    className: "h4"
  }, item));
});

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '600px'
  }
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "demo-item-title"
}, "slide one picture one at a time"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slidesToShow: 4,
  arrowPosition: "outer",
  dots: false,
  lazyLoad: true
}, slides), /*#__PURE__*/_react["default"].createElement("div", {
  className: "demo-item-title"
}, "slide multiple picture one at a time"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slidesToShow: 4,
  slidesToScroll: 4,
  arrowPosition: "outer",
  lazyLoad: true,
  dots: false
}, slides)), document.getElementById('slider-demo-2'));