import { makeStyles } from '@mui/styles';
var textOverflow = {
    content: '""',
    position: 'absolute',
    right: 0,
    top: 0,
    width: '40px',
    height: '100%',
    background: 'linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)',
    pointerEvents: 'none'
};
export var useStyles = makeStyles(function (theme) { return ({
    headCell: {
        display: 'flex',
        alignItems: 'center',
        height: '100%',
        '&>div': {
            padding: '0 16px'
        }
    },
    headLabel: {
        color: theme.palette.text.primary,
        fontSize: '12px',
        fontWeight: 500,
        lineHeight: '16px',
        whiteSpace: 'nowrap',
        overflow: 'hidden',
        '&:after': textOverflow
    }
}); });
