import './demo13.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Select from '../../select';
import Slider from '..';
import { useState } from 'react';
const { Option } = Select;
const Demo = () => {
    const [autoplay, onSelectAutoplay] = useState(false);
    const [autoplaySpeed, onSelectAutoplaySpeed] = useState(1000);
    return (React.createElement("div", null,
        React.createElement(Select, { placeholder: "Autoplay", onChange: onSelectAutoplay },
            React.createElement(Option, { value: true }, "True"),
            React.createElement(Option, { value: false }, "False")),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(Select, { placeholder: "Autoplay Speed", onChange: onSelectAutoplaySpeed },
            React.createElement(Option, { value: 1000 }, "1 second"),
            React.createElement(Option, { value: 2000 }, "2 seconds"),
            React.createElement(Option, { value: 3000 }, "3 seconds")),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(Slider, { autoplay: autoplay, autoplaySpeed: autoplaySpeed },
            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")))));
};
ReactDOM.render(React.createElement(Demo, null), document.getElementById('slider-demo-13'));
