"use strict";

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

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '200px'
  }
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "demo-item-title"
}, "Vertical multi-picture mode"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slideDirection: "ver",
  slidesToShow: 3,
  slidesToScroll: 1,
  dots: false,
  arrowPosition: "inner",
  arrowDirection: "ver",
  className: "ver-slick"
}, [1, 2, 3, 4, 5].map(function (item, index) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    key: index,
    className: "custom-slider",
    style: {
      border: '1px solid transparent'
    }
  }, /*#__PURE__*/_react["default"].createElement("h3", {
    className: "h3"
  }, item));
})), /*#__PURE__*/_react["default"].createElement("div", {
  className: "demo-item-title"
}, "Vertical single-picture mode"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slideDirection: "ver",
  dots: false,
  arrowPosition: "inner",
  arrowDirection: "ver",
  className: "ver-slick"
}, [1, 2, 3, 4, 5].map(function (item, index) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    key: index,
    className: "custom-slider"
  }, /*#__PURE__*/_react["default"].createElement("h3", {
    className: "h3"
  }, item));
}))), document.getElementById('slider-demo-3'));