{"ast":null,"code":"var __jsx = React.createElement;\nimport React, { useState } from 'react';\nimport Field from '~/components/Field';\nimport RangeSlider from '~/components/RangeSlider';\nimport styled from 'styled-components';\nimport { useTranslation } from '~/utils/i18n';\nvar FullWidthRangeSlider = styled(RangeSlider).withConfig({\n  displayName: \"SmoothingSlider__FullWidthRangeSlider\",\n  componentId: \"sc-1u1j8zw-0\"\n})([\"width:100%;\"]);\n\nvar SmoothingSlider = function SmoothingSlider(_ref) {\n  var onChange = _ref.onChange,\n      value = _ref.value;\n\n  var _useTranslation = useTranslation('scalars'),\n      t = _useTranslation.t;\n\n  var _useState = useState(value),\n      smoothing = _useState[0],\n      setSmoothing = _useState[1];\n\n  return __jsx(Field, {\n    label: \"\".concat(t('smoothing'), \": \").concat(Math.round(smoothing * 100) / 100)\n  }, __jsx(FullWidthRangeSlider, {\n    min: 0,\n    max: 0.99,\n    step: 0.01,\n    value: smoothing,\n    onChange: setSmoothing,\n    onChangeComplete: function onChangeComplete() {\n      return onChange === null || onChange === void 0 ? void 0 : onChange(smoothing);\n    }\n  }));\n};\n\nexport default SmoothingSlider;","map":null,"metadata":{},"sourceType":"module"}