components.table.page.PageSettings.js Maven / Gradle / Ivy

Go to download
import { useState }       from 'react'
import { Tooltip }        from '@mui/material';
import { useTranslation } from 'react-i18next';
import Menu               from '@mui/material/Menu';
import MenuItem           from '@mui/material/MenuItem';
import ListItemIcon       from '@mui/material/ListItemIcon';
import IconButton         from '@mui/material/IconButton';

const PageSettings = () => {
  const { t } = useTranslation()
  const [anchorEl, setAnchorEl]          = useState(null);

  const open = Boolean(anchorEl);

  const handleClick = (event) => {
    setAnchorEl(event.currentTarget);
  };

  const handleClose = () => {
    setAnchorEl(null);
  };

  return (
    <>
      
        
          
        
      
      
         {}}>
          
            
          
          
        
      
    
  )
}

const menuProps = {
  elevation: 0,
  sx: {
    overflow: 'visible',
    filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
    mt: 1.5,
    '& .MuiAvatar-root': {
      width: 32,
      height: 32,
      ml: -0.5,
      mr: 30,
    },
    '&:before': {
      content: '""',
      display: 'block',
      position: 'absolute',
      top: 0,
      right: 18,
      width: 10,
      height: 10,
      bgcolor: 'background.paper',
      transform: 'translateY(-50%) rotate(45deg)',
      zIndex: 0,
    },
  },
}

export default PageSettings