fancy.jsx

import ComponentProvider from './component-provider'

const SliderNumber = styled.div`
  position: absolute;
  top: 0;
  text-align: center;
`

const sliderTheme = ({ SliderHandle }) => {
  
  return {
    SliderHandle: (props) => {
      <SliderHandle {...props}>
        <SliderNumber>{props.value}</SliderNumber>
      </SliderHandle>
    }
}

export default (props) => {
  <ComponentProvider theme={sliderTheme}>
    <SimpleSlider startValue={10} stopValue={20} min={0} max={50} />
  <ComponentProvider>
}