text: import React from 'react';
  import { storiesOf } from '@storybook/react';
  import { withKnobs, number } from '@storybook/addon-knobs';
  import SliderBar from './';
  
  storiesOf(`Designs/Atoms/Slider Bar`, module)
      .addDecorator(withKnobs)
      .add('Default', () => (
          <SliderBar
              initialValue={number('Initial value', 10)}
              min={number('Minimal value', 5)}
              max={number('Maximal value', 50)}
          />
      ))
      .add('With on change callback and formater', () => (
          <>
              <h4>Format kilograms to pounds</h4>
              <SliderBar
                  initialValue={number('Initial value', 10)}
                  min={number('Minimal value', 5)}
                  max={number('Maximal value', 50)}
                  formatFn={(value) => `${(value * 2.2).toFixed(2)} lbs`}
                  onChange={(_) => console.log(_)}
              />
          </>
      ));
  