1  import { Box } from '@mui/material';
 2  import { ReactNode } from 'react';
 3  import { DASHBOARD_LIST_COLUMN_WIDTHS } from 'src/utils/dashboardSortUtils';
 4  
 5  interface ListButtonsColumnProps {
 6    children?: ReactNode;
 7    isColumnHeader?: boolean;
 8  }
 9  
10  export const ListButtonsColumn = ({ children, isColumnHeader = false }: ListButtonsColumnProps) => {
11    return (
12      <Box
13        sx={{
14          display: 'flex',
15          alignItems: 'center',
16          justifyContent: 'flex-end',
17          maxWidth: DASHBOARD_LIST_COLUMN_WIDTHS.BUTTONS,
18          minWidth: DASHBOARD_LIST_COLUMN_WIDTHS.BUTTONS,
19          flex: isColumnHeader ? 1 : 1,
20          '.MuiButton-root': {
21            ml: '6px',
22          },
23        }}
24      >
25        {children}
26      </Box>
27    );
28  };