var _excluded = ["classes", "label", "onChange", "value", "className", "level1", "level2", "level3", "hideLabel"];

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React, { memo } from 'react';
import "./style.css";
var RangeSlider = memo(function (_ref) {
  var classes = _ref.classes,
      label = _ref.label,
      _ref$onChange = _ref.onChange,
      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
      value = _ref.value,
      className = _ref.className,
      level1 = _ref.level1,
      level2 = _ref.level2,
      level3 = _ref.level3,
      hideLabel = _ref.hideLabel,
      sliderProps = _objectWithoutPropertiesLoose(_ref, _excluded);

  var changeCallback = function changeCallback(e) {
    e.stopPropagation();
    onChange(e);
  };

  return /*#__PURE__*/React.createElement("div", {
    className: className
  }, /*#__PURE__*/React.createElement("h3", {
    className: "label-slider"
  }, label), /*#__PURE__*/React.createElement("input", _extends({
    type: "range",
    value: value
  }, sliderProps, {
    className: "slider " + classes,
    id: "myRange",
    onChange: changeCallback
  })), /*#__PURE__*/React.createElement("div", {
    className: "sliderValue"
  }, !hideLabel && /*#__PURE__*/React.createElement("span", null, value)), /*#__PURE__*/React.createElement("div", {
    className: "levelStatus"
  }, /*#__PURE__*/React.createElement("span", null, level1), /*#__PURE__*/React.createElement("span", null, level2), /*#__PURE__*/React.createElement("span", null, level3)));
});
export default RangeSlider;