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

// ==============================|| OVERRIDES - LIST ITEM BUTTON ||============================== //

export default function ListItemButton(theme: Theme) {
  return {
    MuiListItemButton: {
      styleOverrides: {
        root: {
          borderRadius: 8,
          marginTop: 2,
          marginBottom: 2,
          "&.Mui-selected": {
            color: theme.palette.primary.main,
            "& .MuiListItemIcon-root": {
              color: theme.palette.primary.main,
            },
          },
          "& .MuiListItemIcon-root": {
            color: "inherit",
          },
        },
      },
    },
  };
}