{"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';\nconst FullWidthRangeSlider = styled(RangeSlider).withConfig({\n  displayName: \"SmoothingSlider__FullWidthRangeSlider\",\n  componentId: \"sc-1u1j8zw-0\"\n})([\"width:100%;\"]);\n\nconst SmoothingSlider = ({\n  onChange,\n  value\n}) => {\n  const {\n    t\n  } = useTranslation('scalars');\n  const {\n    0: smoothing,\n    1: setSmoothing\n  } = useState(value);\n  return __jsx(Field, {\n    label: `${t('smoothing')}: ${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: () => onChange === null || onChange === void 0 ? void 0 : onChange(smoothing)\n  }));\n};\n\nexport default SmoothingSlider;","map":null,"metadata":{},"sourceType":"module"}