import './demo10.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from '..';
ReactDOM.render(React.createElement("div", { style: { width: '600px' } },
    React.createElement(Slider, { slidesToShow: 4, arrowPosition: "outer", lazyLoad: true, dots: false, autoplay: true, autoplaySpeed: 1000 },
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "1")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "2")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "3")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "4")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "5")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "6")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "7")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "8")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "9"))),
    React.createElement("br", null),
    React.createElement(Slider, { speed: 1000, autoplay: true, autoplaySpeed: 2000 },
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "1")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "2")),
        React.createElement("div", { style: { width: '25%' } },
            React.createElement("h4", { className: "h4" }, "3")))), document.getElementById('slider-demo-10'));
