import './demo20.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from '..';
const settings = {
    className: 'custom-slide',
    // arrowPosition: 'outer',
    dots: false,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1,
    onChange(index) {
        console.log('change Slide index', index);
    },
};
ReactDOM.render(React.createElement(Slider, Object.assign({}, settings, { arrowPosition: 'outer' }),
    React.createElement("div", null,
        React.createElement("h3", null, "1")),
    React.createElement("div", null,
        React.createElement("h3", null, "2")),
    React.createElement("div", null,
        React.createElement("h3", null, "3")),
    React.createElement("div", null,
        React.createElement("h3", null, "4")),
    React.createElement("div", null,
        React.createElement("h3", null, "5")),
    React.createElement("div", null,
        React.createElement("h3", null, "6")),
    React.createElement("div", null,
        React.createElement("h3", null, "7")),
    React.createElement("div", null,
        React.createElement("h3", null, "8")),
    React.createElement("div", null,
        React.createElement("h3", null, "9"))), document.getElementById('slider-demo-20'));
