import { storiesOf } from '@storybook/svelte';

import BasicMenuStory from './BasicMenuStory.svelte';
import FloatingMenuStory from './FloatingMenuStory.svelte';
import MenuButtonStory from './MenuButtonStory.svelte';

import '../../../public/global.css';
import '../../glean-design-stories.css';

storiesOf('UX Components|Menu', module)
  .add('Basic Menus', () => ({
    Component: BasicMenuStory,
  })).add('Floating Menus', () => ({
    Component: FloatingMenuStory,
  }))
  .add('Menu Button', () => ({
    Component: MenuButtonStory,
  }));

{'avg_line_length': 28.789473684210527, 'max_line_length': 59, 'alphanum_fraction': 0.6727605118829981, 'licenses': ['MPL-2.0'], 'repository_name': 'openjck/mdv2', 'path': 'stories/low-level/menu/menu.stories.js', 'size': 547, 'lang': 'JavaScript'}