import React from 'react';
import Slider from '../../components/slider';

const SliderTest = () => (
  <section>
    <h5>Sliders</h5>
    <p>Normal slider</p>
    <Slider />
    <p>With steps, initial value and editable</p>
    <Slider value={5} min={0} max={10} editable />
    <p>Pinned and with snaps</p>
    <Slider pinned snaps value={1} min={0} max={10} step={1} editable />
  </section>
);

export default SliderTest;