import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["className", "style", "showSlider"];
import React from 'react';
import classNames from 'classnames';
import { Slider, ConfigProvider } from 'antd';
import "./index.less";
var componentName = "zhst-image__range";
export var Range = function Range(props) {
  var className = props.className,
    style = props.style,
    _props$showSlider = props.showSlider,
    showSlider = _props$showSlider === void 0 ? true : _props$showSlider,
    others = _objectWithoutProperties(props, _excluded);
  return /*#__PURE__*/React.createElement("div", {
    style: style,
    className: classNames("".concat(componentName), !showSlider && "".concat(componentName, "--no-slider"), className)
  }, /*#__PURE__*/React.createElement(ConfigProvider, {
    theme: {
      components: {
        Slider: {
          railBg: 'rgba(255, 255, 255, 0.6)',
          railHoverBg: 'rgba(255, 255, 255, 0.6)'
        }
      }
    }
  }, /*#__PURE__*/React.createElement(Slider, others)));
};
export default Range;