import React from 'react';
import { storiesOf } from '@storybook/react';
import Button, { BUTTON__TYPE_SUCCESS, BUTTON__TYPES_ARRAY } from './button';
import { text, select } from '@storybook/addon-knobs/react';
import Container from '../../grid/container/container';
import { number } from '@storybook/addon-knobs';

export const ButtonStory = () => (
  <Container className="fluid white">
    <Button
      type={select('type', BUTTON__TYPES_ARRAY, BUTTON__TYPE_SUCCESS)}
      label={text('label', 'Открыть')}
      isDisabled={select('isDisabled', [true, false], false)}
      maxWidth={number('maxWidth', Button.defaultProps.maxWidth)}
    />
  </Container>
)