From bcda785f3c8d6450eba7044f857da35d523f68e6 Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Wed, 23 Feb 2022 12:32:56 -0500
Subject: [PATCH] fix(striker-ui): extend Panel with MUI Paper; for MUI Dialog
 use

---
 striker-ui/components/Panels/Panel.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/striker-ui/components/Panels/Panel.tsx b/striker-ui/components/Panels/Panel.tsx
index 67db31ce..7be01721 100644
--- a/striker-ui/components/Panels/Panel.tsx
+++ b/striker-ui/components/Panels/Panel.tsx
@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
-import { GlobalStyles } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { GlobalStyles, PaperProps, styled } from '@mui/material';
+
 import {
   BORDER_RADIUS,
   PANEL_BACKGROUND,
@@ -52,9 +51,7 @@ const StyledDiv = styled('div')(() => ({
   },
 }));
 
-type Props = {
-  children: ReactNode;
-};
+type PanelProps = PaperProps;
 
 const styledScrollbars = (
   <GlobalStyles
@@ -74,7 +71,7 @@ const styledScrollbars = (
   />
 );
 
-const Panel = ({ children }: Props): JSX.Element => {
+const Panel = ({ children }: PanelProps): JSX.Element => {
   return (
     <StyledDiv>
       {styledScrollbars}