Proyectos de Subversion LeadersLinked - SPA

import React, { useContext } from 'react';
import { IconButton, MenuItem as MuiMenuItem, Menu as MuiMenu, styled } from '@mui/material';
import { MoreVert } from '@mui/icons-material';
import { MenuContext } from '.';

const OptionsButton = styled(IconButton)(({ theme }) => ({
  position: 'absolute',
  top: theme.spacing(1),
  right: theme.spacing(1),
  zIndex: 1
}));

export function MenuContent({ icon, children }) {
  const { anchorEl, open, openMenu, closeMenu } = useContext(MenuContext);

  return (
    <>
      <OptionsButton onClick={openMenu}>{icon ? icon : <MoreVert />}</OptionsButton>
      <MuiMenu
        anchorEl={anchorEl}
        open={open}
        onClose={closeMenu}
        anchorOrigin={{
          vertical: 'bottom',
          horizontal: 'left'
        }}
        transformOrigin={{
          vertical: 'top',
          horizontal: 'right'
        }}
      >
        {children}
      </MuiMenu>
    </>
  );
}

export function MenuItem({ onClick, children }) {
  const { handleClick } = useContext(MenuContext);

  return <MuiMenuItem onClick={(event) => handleClick(onClick, event)}>{children}</MuiMenuItem>;
}