import React from 'react'
import { storiesOf } from '@storybook/react'
import backgrounds from '@storybook/addon-backgrounds'
import StoryWrapper from 'storybookComponents/StoryWrapper'
import StorybookTheme from 'storybookTheme'

import Sliders from '.'

storiesOf('Sliders', module)
  .addDecorator(backgrounds(StorybookTheme.storiesBackgrounds))
  .addWithInfo(
    'basic usage',
    `
        This is the basic usage of the Sliders Element.

        #### State:
        ---
        - slider1: number
        - slider2: number

      `,
    () => (
      <StoryWrapper>
        <Sliders />
      </StoryWrapper>
    )
  )
