import './demo12.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from '..';

ReactDOM.render(
  <Slider className='custom-slide'
    arrowPosition='outer'
    dots={false}
    infinite={true}
    slidesToShow={3}
    slidesToScroll={1}
    autoplay={true}
    autoplaySpeed={2000}
    // @ts-ignore
    pauseOnHover={true}>
    <div>
      <h3>1</h3>
    </div>
    <div>
      <h3>2</h3>
    </div>
    <div>
      <h3>3</h3>
    </div>
    <div>
      <h3>4</h3>
    </div>
    <div>
      <h3>5</h3>
    </div>
    <div>
      <h3>6</h3>
    </div>
    <div>
      <h3>7</h3>
    </div>
    <div>
      <h3>8</h3>
    </div>
    <div>
      <h3>9</h3>
    </div>
  </Slider>,
  document.getElementById('slider-demo-12'),
);