{"ast":null,"code":"var __jsx = React.createElement;\nimport InputRange from 'react-input-range';\nimport React, { useCallback } from 'react';\nimport { backgroundColor, em, half, position, primaryColor, sameBorder, size, textLighterColor } from '~/utils/style';\nimport styled from 'styled-components';\nvar height = em(20);\nvar railHeight = em(4);\nvar thumbSize = em(12);\nvar railColor = '#DBDEEB';\nvar Wrapper = styled.div.withConfig({\n  displayName: \"RangeSlider__Wrapper\",\n  componentId: \"fspy5v-0\"\n})([\"height:\", \";.input-range{height:100%;position:relative;&__label{display:none;}&__track{cursor:\", \";&--background{\", \" \", \" margin-top:-\", \";background-color:\", \";border-radius:\", \";}&--active{height:\", \";position:absolute;background-color:\", \";border-radius:\", \";outline:none;}}&__slider-container{top:-\", \";margin-left:-\", \";}&__slider{\", \" \", \" background-color:\", \";}}\"], height, function (props) {\n  return props.disabled ? 'not-allowed' : 'pointer';\n}, size(railHeight, '100%'), position('absolute', '50%', null, null, null), half(railHeight), railColor, half(railHeight), railHeight, function (props) {\n  return props.disabled ? textLighterColor : primaryColor;\n}, half(railHeight), half(\"\".concat(thumbSize, \" - \").concat(railHeight)), half(thumbSize), size(thumbSize), function (props) {\n  return sameBorder({\n    width: em(3),\n    color: props.disabled ? textLighterColor : primaryColor,\n    radius: half(thumbSize)\n  });\n}, backgroundColor);\n\nvar RangeSlider = function RangeSlider(_ref) {\n  var onChange = _ref.onChange,\n      _onChangeComplete = _ref.onChangeComplete,\n      className = _ref.className,\n      min = _ref.min,\n      max = _ref.max,\n      step = _ref.step,\n      value = _ref.value,\n      disabled = _ref.disabled;\n  var onChangeRange = useCallback(function (range) {\n    return onChange === null || onChange === void 0 ? void 0 : onChange(range);\n  }, [onChange]);\n  return __jsx(Wrapper, {\n    className: className,\n    disabled: disabled\n  }, __jsx(InputRange, {\n    minValue: min,\n    maxValue: max // there may be a warning when `minValue` equals `maxValue` though `allSameValue` is set to TRUE\n    // this is a bug of react-input-range\n    // ignore for now\n    ,\n    allowSameValues: true,\n    step: step,\n    disabled: disabled,\n    value: value,\n    onChange: onChangeRange,\n    onChangeComplete: function onChangeComplete() {\n      return _onChangeComplete === null || _onChangeComplete === void 0 ? void 0 : _onChangeComplete();\n    }\n  }));\n};\n\nRangeSlider.defaultProps = {\n  min: 0,\n  max: 100,\n  step: 1,\n  value: 50\n};\nexport default RangeSlider;","map":null,"metadata":{},"sourceType":"module"}