import React from 'react';
import { storiesOf } from '@storybook/react';
import Faker from 'faker';

import { checkA11y } from './../../../src';

import Button from './component';

const text = Faker.lorem.words();

storiesOf('<Button />', module)
  .addDecorator(checkA11y)
  .add('Default', () => <Button />)
  .add('Content', () => <Button content={text} />)
  .add('Label', () => <Button label={text} />)
  .add('Disabled', () => <Button disabled content={text} />)
  .add('Invalid contrast', () => <Button contrast="wrong" content={Faker.lorem.words()} />);