import './demo9.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from '..';
ReactDOM.render(React.createElement("div", null,
    React.createElement(Slider, { slidesToShow: 4, arrowPosition: "outer" },
        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("br", null),
    React.createElement(Slider, null,
        React.createElement("div", null,
            React.createElement("h3", { className: "h3" }, "1")),
        React.createElement("div", null,
            React.createElement("h3", { className: "h3" }, "2")),
        React.createElement("div", null,
            React.createElement("h3", { className: "h3" }, "3")),
        React.createElement("div", null,
            React.createElement("h3", { className: "h3" }, "4")))), document.getElementById('slider-demo-9'));
