import { styled } from "@mui/material";

export const SideBarPanel = styled('div')(({ theme }) => ({
    width: `calc(${theme.spacing(8)} + 1px)`,
    background: theme.palette.background.default,
    borderRightWidth: '1px',
    borderRightStyle: 'solid',
    borderRightColor: 'rgb(128 128 128 / 5%);',
    flexShrink: 0,
    whiteSpace: 'nowrap',
    position: 'relative',
    height: '100%',
    zIndex: 1250,
    display: 'flex',
    flexDirection: 'column',
}))