From f343e667849850f34aa1daff6f0b9d2d2e29d811 Mon Sep 17 00:00:00 2001
From: Kim Lan Phan Hoang <pyphilia@gmail.com>
Date: Mon, 6 Feb 2023 15:56:12 +0100
Subject: [PATCH] feat: add fullHeight prop to MainMenu (#218)

---
 src/MainMenu/MainMenu.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/MainMenu/MainMenu.tsx b/src/MainMenu/MainMenu.tsx
index 936438869..e8a772d05 100644
--- a/src/MainMenu/MainMenu.tsx
+++ b/src/MainMenu/MainMenu.tsx
@@ -1,14 +1,25 @@
 import List from '@mui/material/List';
 
-import React, { FC } from 'react';
+import React from 'react';
 
 export interface MainMenuProps {
   id?: string;
   children?: React.ReactElement | React.ReactElement[];
+  /** whether container is full height
+   * this allows possible footer elements */
+  fullHeight?: boolean;
 }
 
-export const MainMenu: FC<MainMenuProps> = ({ id, children }) => {
-  return <List id={id}>{children}</List>;
+export const MainMenu = ({
+  id,
+  children,
+  fullHeight,
+}: MainMenuProps): JSX.Element => {
+  return (
+    <List id={id} sx={{ height: fullHeight ? '100%' : undefined }}>
+      {children}
+    </List>
+  );
 };
 
 export default MainMenu;