import './demo19.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from '..';
const settings = {
    // arrowPosition: 'outer',
    dots: false,
    animation: 'fade',
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1,
    className: 'custom-slide',
    onChange(index) {
        console.log('change Slide index', index);
    },
};
ReactDOM.render(React.createElement("div", null,
    React.createElement(Slider, Object.assign({}, settings, { arrowPosition: 'outer' }), [1, 2, 3, 4, 5, 6].map(function (d) {
        return (React.createElement("div", { key: d },
            React.createElement("h3", { onClick: () => console.log(d) }, d)));
    })),
    React.createElement(Slider, Object.assign({}, settings), [1, 2, 3, 4, 5, 6].map(function (d) {
        return (React.createElement("div", { key: d },
            React.createElement("a", { href: `https://www.taobao.com/?some=${d}`, target: "_blank" }, d)));
    }))), document.getElementById('slider-demo-19'));
