+
setState(false)}>
+
+
+
+
+
+ <>{
+ props.sections.map(section => <>
+
+
+
+ >)
+ }>
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/organisms/MainMenu/MainMenu.tsx b/src/components/organisms/MainMenu/MainMenu.tsx
new file mode 100644
index 0000000..2e6b5dc
--- /dev/null
+++ b/src/components/organisms/MainMenu/MainMenu.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { useTheme } from '@material-ui/core/styles';
+import useMediaQuery from "@material-ui/core/useMediaQuery";
+
+// local imports
+import BrowserMenu from '../../molecules/BrowserMenu/BrowserMenu';
+import MobileMenu from '../../molecules/MobileMenu/MobileMenu';
+
+//interfaces
+import { IMenuProps } from '../../../types/IMenuProps';
+
+export default function MainMenu(props: IMenuProps): JSX.Element {
+ const theme = useTheme();
+ const isMobile = useMediaQuery(theme.breakpoints.down("xs"));
+
+ return (<>
+ {
+ isMobile ?
+