import React from 'react';
import { storiesOf } from '@kadira/storybook';
import PipelineRowItem from '../PipelineRowItem.jsx';
import { PipelineRecord } from '../records.jsx';
import Table from '@jenkins-cd/design-language';

/*
First example of using storybook
 */
storiesOf('pipelines', module)
    .add('with a pipeline', () => (
        <Table
          className="multiBranch"
          headers={['Name', 'Status', 'Branches', 'Pull Requests', '']}
        >
            <PipelineRowItem
              pipeline={new PipelineRecord({
                  displayName: 'moreBeersSuccess',
                  name: 'morebeersSuccess',
                  organization: 'jenkins',
                  weatherScore: 0,
                  branchNames: ['master'],
                  numberOfFailingBranches: 0,
                  numberOfFailingPullRequests: 0,
                  numberOfSuccessfulBranches: 3,
                  numberOfSuccessfulPullRequests: 3,
                  totalNumberOfBranches: 3,
                  totalNumberOfPullRequests: 3,
              })}
            />
            <PipelineRowItem
              pipeline={new PipelineRecord({
                  displayName: 'moreBeers',
                  name: 'morebeers',
                  organization: 'jenkins',
                  weatherScore: 0,
                  branchNames: ['master'],
                  numberOfFailingBranches: 1,
                  numberOfFailingPullRequests: 0,
                  numberOfSuccessfulBranches: 0,
                  numberOfSuccessfulPullRequests: 0,
                  totalNumberOfBranches: 1,
                  totalNumberOfPullRequests: 0,
              })}
            />
        </Table>
    ))
.add('no pipeline should return null', () => (
     <PipelineRowItem />
))
;

@@ -180,14 +180,18 @@
 port
+ %7B
  Table
+ %7D
  fro

fix broken storybook for Pipelines; Table could not be loaded since the default export was removed when migrated to JDL