import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles({
    pagination: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'flex-end',
        height: '56px',
        flexShrink: 0,
        borderTop: '1px solid rgba(0,0,0,0.12)',
        boxShadow: 'none',
        boxSizing: 'border-box',
        overflowY: 'hidden',
        containerType: 'inline-size',
        '& .MuiInputBase-root': {
            display: 'none',
            '@container (min-width: 420px)': {
                display: 'inline-flex'
            }
        }
    },
    caption: {
        color: 'rgba(0,0,0,0.6)',
        fontSize: '12px',
        lineHeight: '16px',
        display: 'none',
        '@container (min-width: 420px)': {
            display: 'block'
        }
    },
    displayedRows: {
        color: 'rgba(0,0,0,0.6)',
        fontSize: '12px',
        lineHeight: '16px'
    },
    selectRoot: {
        marginLeft: '5px',
        marginRight: '36px'
    },
    select: {
        color: 'rgba(0,0,0,0.6)',
        fontSize: '12px',
        lineHeight: '16px',
        textAlign: 'right'
    },
    actions: {
        marginLeft: '32px!important' //we need it, because of the more specific rule in the mui
    }
});
