import React , { ReactNode , ChangeEvent } from 'react' ; import { Container , Slider , Tooltip } from '@toptal/picasso' ; const BottomTooltip = ( { children , open , value } ) => ( < Tooltip placement = 'bottom' open = { open } content = { value } compact > { children } < /Tooltip>); const CustomSliderTooltip = ( ) => { const handleChange = ( event , value ) => { window . console . log ( 'onChange: ' , value ) ; } ; return ( < Container > < Slider onChange = { handleChange } tooltip = 'auto' TooltipComponent = { BottomTooltip } compact / > < /Container>); } ; export default CustomSliderTooltip ;