import React from 'react';
import PropTypes from 'prop-types';
import styles from './ContextMenu.styl';

export default function ContextMenu({ position, children }) {
  return (
    <div className={styles.contextMenu} style={{ top: position.y, left: position.x }}>
      { children }
    </div>
  );
}

ContextMenu.propTypes = {
  children: PropTypes.node.isRequired,
  // eslint-disable-next-line react/forbid-prop-types
  position: PropTypes.object.isRequired
};