import React from 'react'
type SliderProps = {
label?: any
value?: number
min?: number
max?: number
onChange: (value: number) => void
}
export default function Slider(props: SliderProps) {
const { value, onChange, label, min, max } = props
const step = ((max || 100) - (min || 0)) / 100
return (
<div className="editor-brush-slider">
<span>{label}</span>
<input
type="range"
step={step}
min={min}
max={max}
value={value}
onChange={ev => {
ev.preventDefault()
ev.stopPropagation()
onChange(parseInt(ev.currentTarget.value, 10))
}}
/>
</div>
)