{"size": 585, "ext": "js", "max_stars_repo_path": "app/components/ui/Button/index.story.js", "max_stars_repo_name": "apedyashev/dictionary-frontend", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/components/ui/Button/index.story.js", "max_issues_repo_name": "apedyashev/dictionary-frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/components/ui/Button/index.story.js", "max_forks_repo_name": "apedyashev/dictionary-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.8571428571, "max_line_length": 64, "alphanum_fraction": 0.6290598291}
import React from 'react';
import {storiesOf} from '@storybook/react';
import {action} from '@storybook/addon-actions';
import {withKnobs, boolean} from '@storybook/addon-knobs/react';
import Button from './index';

storiesOf('Base UI', module)
  .addDecorator(withKnobs)
  .add('Button', () => (
    <React.Fragment>
      <Button onClick={action('clicked')}>
        <u>Click</u> me
      </Button>
      <Button
        content="Via Content prop"
        animateFocus={boolean('animateFocus', false)}
        loading={boolean('loading', false)}
      />
    </React.Fragment>
  ));
