{"size": 847, "ext": "js", "max_stars_repo_path": "stories/login.js", "max_stars_repo_name": "bioteam/gen3-ui-component", "max_stars_repo_stars_event_min_datetime": "2019-06-04T18:50:15.000Z", "max_stars_repo_stars_event_max_datetime": "2020-12-15T20:56:44.000Z", "max_issues_repo_path": "stories/login.js", "max_issues_repo_name": "bioteam/gen3-ui-component", "max_issues_repo_issues_event_min_datetime": "2018-07-27T15:58:27.000Z", "max_issues_repo_issues_event_max_datetime": "2021-04-19T03:26:04.000Z", "max_forks_repo_path": "stories/login.js", "max_forks_repo_name": "bioteam/gen3-ui-component", "max_forks_repo_forks_event_min_datetime": "2020-05-15T17:45:31.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-18T14:42:48.000Z"}
{"max_stars_count": 3, "max_issues_count": 23, "max_forks_count": 2, "avg_line_length": 28.2333333333, "max_line_length": 60, "alphanum_fraction": 0.5808736718}
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import CommonsLogin from '../src/components/CommonsLogin/.';
import kfLogo from '../src/images/logos/kf-logo.png';

storiesOf('Login', module)
  .add('CommonsLogin', () => (
    <div style={{ width: '250px' }}>
      <CommonsLogin
        title='KidsFirst'
        logoSrc={kfLogo}
        buttonTitle='Connect'
        onButtonClick={() => action('login click')('kf')}
      />
    </div>
  ))
  .add('CommonsLogin with message', () => (
    <div style={{ width: '250px' }}>
      <CommonsLogin
        title='KidsFirst'
        logoSrc={kfLogo}
        buttonTitle='Disconnect'
        onButtonClick={() => action('logout click')('kf')}
        message='Connected!'
        buttonType='primary'
      />
    </div>
  ));
