|
|
@ -1,3 +1,4 @@ |
|
|
|
|
|
|
|
import { FC } from 'react'; |
|
|
|
import { Box, GlobalStyles, PaperProps, styled } from '@mui/material'; |
|
|
|
import { Box, GlobalStyles, PaperProps, styled } from '@mui/material'; |
|
|
|
|
|
|
|
|
|
|
|
import { |
|
|
|
import { |
|
|
@ -74,14 +75,20 @@ const styledScrollbars = ( |
|
|
|
/> |
|
|
|
/> |
|
|
|
); |
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
const Panel = ({ |
|
|
|
const Panel: FC<PanelProps> = ({ |
|
|
|
children, |
|
|
|
children, |
|
|
|
classes: rootClasses, |
|
|
|
classes: rootClasses, |
|
|
|
className: rootClassName, |
|
|
|
className: rootClassName, |
|
|
|
sx: rootSx, |
|
|
|
sx: rootSx, |
|
|
|
}: PanelProps): JSX.Element => ( |
|
|
|
...restRootProps |
|
|
|
|
|
|
|
}) => ( |
|
|
|
<StyledBox |
|
|
|
<StyledBox |
|
|
|
{...{ classes: rootClasses, className: rootClassName, sx: rootSx }} |
|
|
|
{...{ |
|
|
|
|
|
|
|
classes: rootClasses, |
|
|
|
|
|
|
|
className: rootClassName, |
|
|
|
|
|
|
|
sx: rootSx, |
|
|
|
|
|
|
|
...restRootProps, |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
{styledScrollbars} |
|
|
|
{styledScrollbars} |
|
|
|
<div className={`${classes.square} ${classes.topSquare}`} /> |
|
|
|
<div className={`${classes.square} ${classes.topSquare}`} /> |
|
|
|