import React from 'react';
import { storiesOf } from '@storybook/react';

import { BREADCRUMB } from '../../../utilities/constants';
import Base from '../__examples__/base';
import OneItem from '../__examples__/one-item';
import OverflowMenu from '../__examples__/base-with-overflow-menu';

storiesOf(BREADCRUMB, module)
	.addDecorator((getStory) => (
		<div className="slds-p-around_medium">{getStory()}</div>
	))
	.add('2 Items', () => <Base />)
	.add('1 Item', () => <OneItem />)
	.add('Base with overflow menu', () => <OverflowMenu />);