@centreon/react-components/lib/Slider/SliderContent/ContentSliderItem.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/jsx-filename-extension */

/* eslint-disable react/prop-types */
var ContentSliderItem = function ContentSliderItem(_ref) {
  var image = _ref.image,
      isActive = _ref.isActive;
  return _react["default"].createElement("div", {
    alt: "Slider image",
    className: (0, _classnames["default"])(_contentSlider["default"]['content-slider-item'], _contentSlider["default"][isActive ? 'active-slide' : '']),
    style: {
      backgroundImage: "url(".concat(image, ")")
    }
  });
};

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