import './demo16.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from '..';
const settings = {
    className: 'custom-slide variable-width',
    dots: true,
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    variableWidth: true,
};
ReactDOM.render(React.createElement(Slider, Object.assign({}, settings, { arrowPosition: 'outer' }),
    React.createElement("div", { style: { width: 100 } },
        React.createElement("p", null, "100")),
    React.createElement("div", { style: { width: 200 } },
        React.createElement("p", null, "200")),
    React.createElement("div", { style: { width: 75 } },
        React.createElement("p", null, "75")),
    React.createElement("div", { style: { width: 300 } },
        React.createElement("p", null, "300")),
    React.createElement("div", { style: { width: 225 } },
        React.createElement("p", null, "225")),
    React.createElement("div", { style: { width: 175 } },
        React.createElement("p", null, "175"))), document.getElementById('slider-demo-16'));
