"use strict";

require("./demo7.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", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dotsClass: "dots-cust",
  dotsDirection: "hoz",
  arrows: false,
  dotsRender: function dotsRender(index, current) {
    console.log('current', current);
    return /*#__PURE__*/_react["default"].createElement("a", null, index);
  }
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {
  className: "h3"
}, "0")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {
  className: "h3"
}, "1")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {
  className: "h3"
}, "2")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {
  className: "h3"
}, "3")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {
  className: "h3"
}, "4")))), document.getElementById('slider-demo-7'));