import * as React from 'react';
import * as ReactDOM from 'react-dom';
import Carousel from '../../lib/carousel';

ReactDOM.render((
  <Carousel
    id=""
    dots
    autoplayInterval={3000}
  >
    <div
      id="1"
      className="test"
      style={{
        width: document.body.clientWidth,
        height: 200,
        background: 'blue'
      }}
    />
    <div
      id="2"
      className="test"
      style={{
        width: document.body.clientWidth,
        height: 200,
        background: 'red'
      }}
    />
    <div
      id="3"
      className="test"
      style={{
        width: document.body.clientWidth,
        height: 200,
        background: 'black'
      }}
    />
    <div
      id="4"
      className="test"
      style={{
        width: document.body.clientWidth,
        height: 200,
        background: 'yellow'
      }}
    ></div>
  </Carousel>
), document.getElementById('root'));