Liferay.Loader.define("segments-experiment-web@2.0.19/js/components/SliderWithLabel.es", ['module', 'exports', 'require', '@frontend-taglib-clay$clayui/slider', 'frontend-js-react-web$prop-types', 'frontend-js-react-web$react'], function (module, exports, require) {
  var define = undefined;
  var global = window;
  {
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    exports.SliderWithLabel = SliderWithLabel;

    var _slider = _interopRequireDefault(require("@frontend-taglib-clay$clayui/slider"));

    var _propTypes = _interopRequireDefault(require("frontend-js-react-web$prop-types"));

    var _react = _interopRequireDefault(require("frontend-js-react-web$react"));

    function _interopRequireDefault(obj) {
      return obj && obj.__esModule ? obj : { "default": obj };
    }

    /**
     * Copyright (c) 2000-present Liferay, Inc. All rights reserved.
     *
     * The contents of this file are subject to the terms of the Liferay Enterprise
     * Subscription License ("License"). You may not use this file except in
     * compliance with the License. You can obtain a copy of the License by
     * contacting Liferay, Inc. See the License for the specific language governing
     * permissions and limitations under the License, including but not limited to
     * distribution rights of the Software.
     */
    function SliderWithLabel(_ref) {
      var label = _ref.label,
          _ref$max = _ref.max,
          max = _ref$max === void 0 ? 99 : _ref$max,
          _ref$min = _ref.min,
          min = _ref$min === void 0 ? 1 : _ref$min,
          onValueChange = _ref.onValueChange,
          subTitle = _ref.subTitle,
          value = _ref.value;
      return _react["default"].createElement("label", {
        className: "form-group-autofit"
      }, _react["default"].createElement("span", {
        className: "form-group-item"
      }, label, subTitle && _react["default"].createElement("span", {
        className: "font-weight-normal form-text"
      }, subTitle)), _react["default"].createElement("div", {
        className: "flex-row form-group-item"
      }, _react["default"].createElement(_slider["default"], {
        className: "w-100",
        max: max,
        min: min,
        onValueChange: onValueChange,
        showTooltip: false,
        value: value
      }), _react["default"].createElement("small", {
        className: "font-weight-normal form-text ml-3"
      }, value + '%')));
    }
    //# sourceMappingURL=SliderWithLabel.es.js.map
  }
});
//# sourceMappingURL=SliderWithLabel.es.js.map