decorate.jsx

import ComponentProvider from './component-provider'

const sliderTheme = ({ SliderBar, SliderHandle }) => {
  return {
    SliderBar: styled.div`
      width: 100%;
      height: 2px;
      background-color: green;
    `,
    SliderHandle: styled(SliderHandle)`
      width: 0; 
      height: 0; 
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;

      border-top: 20px solid #f00;
    `
}

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