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

const ScrollBox = styled(Box)(({ theme }) => ({
  flexGrow: 1,
  overflowY: "auto",
  maxWidth: "450px",
  "::-webkit-scrollbar": {
    width: "5px",
  },
  "::-webkit-scrollbar-track": {
    boxShadow: "inset 0 0 5px #fff",
    borderRadius: "5px",
  },
  "::-webkit-scrollbar-thumb": {
    background: theme.palette.primary.dark,
    borderRadius: "0px",
  },
}));

export default ScrollBox;
