"use client";

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

export function FitAllCell(list: (string | number)[]) {
  return (
    <Box
      sx={{
        display: "flex",
        flexDirection: "column",
        maxHeight: 100,
        overflowY: "scroll",
        scrollbarWidth: "none", // For Firefox
        "&::-webkit-scrollbar": {
          display: "none", // For Chrome, Safari, and Opera
        },
      }}
    >
      {list.map((item, index) => (
        <Grid sx={{ mt: 1 }} key={index}>
          {`${item}`}
        </Grid>
      ))}
    </Box>
  );
}
