import { Component , JSX } from 'solid-js' ; interface Props { value : number ; onChange : ( value : number ) => void ; } const VolumeRange = ( props ) => { const handleUpdate = ( { currentTarget : { value } } ) => props . onChange ( parseInt ( value ) ) ; return ( < div className = "player__controls-volume-range" > < input type = "range" min = "0" max = "100" value = { props . value } onChange = { handleUpdate } / > < /div>); } ; export default VolumeRange ;