text: import * as React from 'react';
  import ListItem from '@mui/material/ListItem';
  import ListItemIcon from '@mui/material/ListItemIcon';
  import ListItemText from '@mui/material/ListItemText';
  import ListSubheader from '@mui/material/ListSubheader';
  import DashboardIcon from '@mui/icons-material/Dashboard';
  import PeopleIcon from '@mui/icons-material/People';
  import Link from 'next/link'
  
  
  export const mainListItems = (
    <div>
      <ListItem button>
        <ListItemIcon>
          <DashboardIcon />
        </ListItemIcon>
        <ListItemText primary="Events" />
      </ListItem>
    </div>
  );
  
  export const secondaryListItems = (
    <div>
      <ListSubheader inset>Profile</ListSubheader>
      <ListItem button>
        <ListItemIcon>
          <PeopleIcon />
        </ListItemIcon>
        <Link href="/auth/login">
          <ListItemText primary="Setting" />
        </Link>
      </ListItem>
    </div>
  );
  