{"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';\nconst height = em(20);\nconst railHeight = em(4);\nconst thumbSize = em(12);\nconst railColor = '#DBDEEB';\nconst 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, props => props.disabled ? 'not-allowed' : 'pointer', size(railHeight, '100%'), position('absolute', '50%', null, null, null), half(railHeight), railColor, half(railHeight), railHeight, props => props.disabled ? textLighterColor : primaryColor, half(railHeight), half(`${thumbSize} - ${railHeight}`), half(thumbSize), size(thumbSize), props => sameBorder({\n  width: em(3),\n  color: props.disabled ? textLighterColor : primaryColor,\n  radius: half(thumbSize)\n}), backgroundColor);\n\nconst RangeSlider = ({\n  onChange,\n  onChangeComplete,\n  className,\n  min,\n  max,\n  step,\n  value,\n  disabled\n}) => {\n  const onChangeRange = useCallback(range => onChange === null || onChange === void 0 ? void 0 : onChange(range), [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: () => onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete()\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"}