34 lines
686 B
React
34 lines
686 B
React
import React from 'react';
|
|
import {ContextMenu, MenuItem} from 'react-contextmenu';
|
|
import classNames from 'classnames';
|
|
|
|
import styles from './context-menu.css';
|
|
|
|
const StyledContextMenu = props => (
|
|
<ContextMenu
|
|
{...props}
|
|
className={styles.contextMenu}
|
|
/>
|
|
);
|
|
|
|
const StyledMenuItem = props => (
|
|
<MenuItem
|
|
{...props}
|
|
attributes={{className: styles.menuItem}}
|
|
/>
|
|
);
|
|
|
|
const BorderedMenuItem = props => (
|
|
<MenuItem
|
|
{...props}
|
|
attributes={{className: classNames(styles.menuItem, styles.menuItemBordered)}}
|
|
/>
|
|
);
|
|
|
|
|
|
export {
|
|
BorderedMenuItem,
|
|
StyledContextMenu as ContextMenu,
|
|
StyledMenuItem as MenuItem
|
|
};
|