// ==============================|| OVERRIDES - DATAGRID ||============================== //

export default function DataGrid() {
    const cellFontSize = "1.1rem"
    const cellFooterFontSize = "1.1rem"
    const cellHeaderFontSize = "1.1rem"
    const selectedNumberFontSize = "1.2rem"
    const actionIconSize = "2rem"
    const actionCellIconSize = "1.7rem"

    const cellFontWeight = 600
    const cellFooterFontWeight = 600
    const cellHeaderFontWeight = 600
    const selectedNumberFontWeight = 600

    return {
        MuiDataGrid: {
            styleOverrides: {
                root: {
                    '& .MuiDataGrid-cell': {
                        fontSize: cellFontSize,
                        fontWeight: cellFontWeight
                    },
                    '& .MuiDataGrid-footerContainer': {
                        fontSize: cellFooterFontSize,
                        fontWeight: cellFooterFontWeight
                    },
                    '& .MuiTablePagination-selectLabel': {
                        fontSize: cellFooterFontSize,
                        fontWeight: cellFooterFontWeight,
                        marginTop: 15,
                    },
                    '& .MuiTablePagination-select': {
                        fontSize: selectedNumberFontSize,
                        fontWeight: selectedNumberFontWeight,
                        marginTop: 8,
                    },
                    '& .MuiTablePagination-selectIcon': {
                        marginTop: 1,
                    },
                    '& .MuiTablePagination-displayedRows': {
                        fontSize: cellFooterFontSize,
                        fontWeight: cellFooterFontWeight,
                    },
                    '& .MuiTablePagination-actions': {
                        fontSize: cellFooterFontSize,
                        fontWeight: cellFooterFontWeight,
                        svg: {
                            width: actionIconSize,
                            height: actionIconSize,
                        }
                    },
                    '& .MuiDataGrid-actionsCell': {
                        fontSize: cellFooterFontSize,
                        fontWeight: cellFooterFontWeight,
                        svg: {
                            width: actionCellIconSize,
                            height: actionCellIconSize,
                        },
                    },
                    '& .MuiDataGrid-rowCount': {
                        fontSize: cellFooterFontSize,
                        fontWeight: cellFooterFontWeight
                    },
                    '& .MuiDataGrid-columnHeaderTitle': {
                        fontSize: cellHeaderFontSize,
                        fontWeight: cellHeaderFontWeight,
                    },
                    button: {
                        fontSize: cellFontSize,
                        fontWeight: cellFontWeight
                    }
                },
            }
        }
    };
}
