import React from 'react';
import { storiesOf } from '@storybook/react';
import { boolean } from '@storybook/addon-knobs';
import Drawer from '../../src/lib/Drawer/Drawer';

const stories = storiesOf('Drawer', module);

stories.addWithJSX(
  'Component',
  () => (
    <div style={{
      position: 'relative',
      height: '300px',
      width: '500px',
      overflow: 'hidden',
      border: '1px solid #ddd' }}>
      <Drawer isOpened={boolean('Opened', true)}>
        <h6>Click the knob to toggle the content</h6>
      </Drawer>
    </div>
  )
);