@centreon/react-components/lib/Slider/SliderContent/ContentSliderIndicators.js

react components used by centreon web frontend

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _contentSlider = _interopRequireDefault(require("./content-slider.scss"));

/* eslint-disable react/no-array-index-key */

/* eslint-disable jsx-a11y/no-static-element-interactions */

/* eslint-disable jsx-a11y/click-events-have-key-events */

/* eslint-disable react/jsx-filename-extension */

/* eslint-disable react/prop-types */
var ContentSliderIndicators = function ContentSliderIndicators(_ref) {
  var images = _ref.images,
      currentIndex = _ref.currentIndex,
      handleDotClick = _ref.handleDotClick;
  return _react["default"].createElement("div", {
    className: (0, _classnames["default"])(_contentSlider["default"]['content-slider-indicators'])
  }, images.map(function (image, i) {
    return _react["default"].createElement("span", {
      className: (0, _classnames["default"])(_contentSlider["default"][i === currentIndex ? 'active' : 'dot']),
      onClick: handleDotClick,
      "data-index": i,
      key: i
    });
  }));
};

var _default = ContentSliderIndicators;
exports["default"] = _default;