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

ReactDOM.render((
  <div>
    <Carousel
      id="carousel"
      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>
    {/*<EventTracking
      options={[{
        id: 'carousel',
        type: 'carousel',
        field: 'carousel',
        enable,
      }]}
    />*/}
  </div>
), document.getElementById('root'));