From 7c10804186b5e1df8cea1c5bbe8890a87375456e Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Mon, 22 Mar 2021 11:37:06 -0400
Subject: [PATCH] feat: add innerPanel as part of the layout

---
 striker-ui/components/InnerPanel.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/striker-ui/components/InnerPanel.tsx b/striker-ui/components/InnerPanel.tsx
index cf2c8b8d..1e0a96d5 100644
--- a/striker-ui/components/InnerPanel.tsx
+++ b/striker-ui/components/InnerPanel.tsx
@@ -1,7 +1,11 @@
+import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import { TEXT } from '../lib/consts/DEFAULT_THEME';
-import { BodyText } from './Text';
+
+type Props = {
+  children: ReactNode;
+};
 
 const useStyles = makeStyles(() => ({
   innerBody: {
@@ -22,14 +26,10 @@ const useStyles = makeStyles(() => ({
   },
 }));
 
-const InnerPanel = (): JSX.Element => {
+const InnerPanel = ({ children }: Props): JSX.Element => {
   const classes = useStyles();
 
-  return (
-    <Box className={classes.innerBody}>
-      <BodyText text="inner body" />
-    </Box>
-  );
+  return <Box className={classes.innerBody}>{children}</Box>;
 };
 
 export default InnerPanel;