"use strict";

require("./demo16.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 = {
  className: 'custom-slide variable-width',
  dots: true,
  infinite: true,
  slidesToShow: 1,
  slidesToScroll: 1,
  variableWidth: true
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, settings, {
  arrowPosition: "outer"
}), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 100
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "100")), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 200
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "200")), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 75
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "75")), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 300
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "300")), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 225
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "225")), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 175
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "175"))), document.getElementById('slider-demo-16'));