X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/b56396475bcae2a8a1356267120bc712538b198d..e9856c5b1fc9162ce1f105fee49e2a80d69dd397:/services/workbench2/src/views-components/context-menu/actions/context-menu-divider.tsx?ds=sidebyside

diff --git a/services/workbench2/src/views-components/context-menu/actions/context-menu-divider.tsx b/services/workbench2/src/views-components/context-menu/actions/context-menu-divider.tsx
new file mode 100644
index 0000000000..439f594779
--- /dev/null
+++ b/services/workbench2/src/views-components/context-menu/actions/context-menu-divider.tsx
@@ -0,0 +1,30 @@
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import React from 'react';
+import { ContextMenuAction } from '../context-menu-action-set';
+import { Divider as DividerComponent, StyleRulesCallback, withStyles } from '@material-ui/core';
+import { WithStyles } from '@material-ui/core/styles';
+
+type CssRules = 'root';
+
+const styles:StyleRulesCallback<CssRules> = () => ({
+  root: {
+      backgroundColor: 'black',
+  },
+});
+
+type DividerProps = {
+  orthogonality: 'vertical' | 'horizontal';
+};
+
+export const Divider = withStyles(styles)((props: DividerProps & WithStyles<CssRules>) => {
+  return  <DividerComponent variant='middle' className={props.classes.root} />;
+});
+
+export const menuDivider: ContextMenuAction = {
+  name: 'divider',
+  component: Divider,
+  execute: () => null,
+};
\ No newline at end of file