text: import React from 'react';
  
  import SummaryItem from './';
  
  import { checkA11y } from '@storybook/addon-a11y';
  import { storiesOf } from '@storybook/react';
  
  enum Status {
    Good = 'good',
    Skipped = 'skipped',
    Error = 'error',
    Untrusted = 'untrusted',
  }
  
  const stories = storiesOf('Custom Functions|Summary/Items', module);
  
  stories.add('basic', () => (
    <div>
      <SummaryItem status={Status.Good} snippetName="SnippetName" funcName="foo1" />
      <SummaryItem status={Status.Skipped} snippetName="SnippetName" funcName="foo2" />
      <SummaryItem
        status={Status.Error}
        snippetName="SnippetName"
        funcName="foo3"
        additionalInfo={[
          'Error - I am an error message. Be scared of me .',
          'Error - so many error messages. And this error message turns out to be a longer error message than the other ones. It is so long. A very very long error message. Like, super-duper long. And even longer.',
        ]}
      />
      <SummaryItem status={Status.Untrusted} snippetName="SnippetName" funcName="foo4" />
    </div>
  ));
  