# Menu

**File Name:** Menu.tsx

**Imports:** 
- Menu from Material-UI: [Menu Doc](https://material-ui.com/components/menus/#menus)
- Button from '@material-ui/core/Button': [Button API](https://material-ui.com/api/button/)
- Menu from '@material-ui/core/Menu': [Menu API](https://material-ui.com/api/menu/#menu-api)
- MenuItem from '@material-ui/core/MenuItem': [MenuItem API](https://material-ui.com/api/menu-item/#menuitem-api)

**Example:** 9 dots menu on the nav bar

**Description:** 
- The menu exists on all pages that the navbar exists on.
- For the user the menu will contain links to the following:
    - Daily Roster
    - Select Time Slot
    - Help
- For admins, the menu will have additional links:
    - Manage Schedules
    - Manage Skills
    - Manage Positions
    - Manage Shifts
    - Manage Users

**I/O:** 
- Clicking on the menu will reveal links to the aforementioned pages.
- Clicking on the links will redirect to the corresponding pages.

<img src="../../images/components/Menu.png" width="300"/>