import * as React from 'react';
import Menu from '../menu/Menu';
import MenuItem from '../menu/MenuItem';
import ContextMenu from './ContextMenu';
import notes from './ContextMenu.stories.md';
import ContextMenuWithSubmenuWithBoundariesElementExample from '../../../examples/src/ContextMenuWithSubmenuWithBoundariesElementExample';
import '../../../examples/styles/ContextMenuExamples.scss';
export var basic = function basic() {
  return /*#__PURE__*/React.createElement(ContextMenu, null, /*#__PURE__*/React.createElement("div", {
    className: "context-menu-example-target"
  }, "Target Component - right click me"), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"), /*#__PURE__*/React.createElement(MenuItem, null, "Help")));
};
export var withSubmenu = function withSubmenu() {
  return /*#__PURE__*/React.createElement(ContextMenuWithSubmenuWithBoundariesElementExample, null);
};
export default {
  title: 'Components|ContextMenu',
  component: ContextMenu,
  parameters: {
    notes: notes
  }
};
//# sourceMappingURL=ContextMenu.stories.js.map