text: import React from 'react';
  import CodeExample from 'wix-storybook-utils/CodeExample';
  import Breadcrumbs from '..';
  
  import ExampleStandardRow from '!raw-loader!./ExampleStandard';
  import ExampleStandard from './ExampleStandard';
  
  import ExampleSizesRow from '!raw-loader!./ExampleSizes';
  import ExampleSizes from './ExampleSizes';
  
  import ExampleThemesRow from '!raw-loader!./ExampleThemes';
  import ExampleThemes from './ExampleThemes';
  
  import ExampleWithOnClickRow from '!raw-loader!./ExampleWithOnClick';
  import ExampleWithOnClick from './ExampleWithOnClick';
  
  import ExampleWithChosenActiveElementRaw from '!raw-loader!./ExampleWithChosenActiveElement';
  import ExampleWithChosenActiveElement from './ExampleWithChosenActiveElement';
  
  import ExampleUsingURLRaw from '!raw-loader!./ExampleUsingURL';
  import ExampleUsingURL from './ExampleUsingURL';
  
  import { storySettings } from './storySettings';
  
  const items = [
    {
      id: '1',
      value: 'First item',
    },
    {
      id: '2',
      link: 'http://www.wix.com',
      value: 'Linked item',
    },
    {
      id: '3',
      value: 'Third item',
    },
  ];
  
  export default {
    category: storySettings.category,
    storyName: storySettings.storyName,
    component: Breadcrumbs,
    componentPath: '..',
    componentProps: {
      activeId: '1',
      items,
      size: 'medium',
    },
    exampleProps: {
      activeId: ['1', '2', '3'],
      items: [
        { label: 'One item', value: [{ id: 0, value: 'Homepage' }] },
        { label: 'Three items', value: items },
      ],
    },
    examples: (
      <div>
        <CodeExample title="Standard" code={ExampleStandardRow}>
          <ExampleStandard />
        </CodeExample>
  
        <CodeExample title="Sizes" code={ExampleSizesRow}>
          <ExampleSizes />
        </CodeExample>
  
        <CodeExample title="Example using path factory" code={ExampleUsingURLRaw}>
          <ExampleUsingURL />
        </CodeExample>
  
        <CodeExample title="Themes" code={ExampleThemesRow}>
          <ExampleThemes />
        </CodeExample>
  
        <CodeExample title="On click callback" code={ExampleWithOnClickRow}>
          <ExampleWithOnClick />
        </CodeExample>
  
        <CodeExample
          title="Chosen active element"
          code={ExampleWithChosenActiveElementRaw}
        >
          <ExampleWithChosenActiveElement />
        </CodeExample>
      </div>
    ),
  };
  