var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { makeStyles } from '@mui/styles';
import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
export var useStyles = makeStyles(function (theme) { return ({
    root: {
        display: 'flex',
        alignItems: 'start',
        justifyContent: 'space-between'
    },
    commentsContainer: {
        height: '15px',
        marginRight: '-4px' // AttributesPager padding compensation
    },
    attributeValue: {
        verticalAlign: 'middle',
        wordBreak: 'break-all',
        whiteSpace: 'break-spaces'
    },
    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]), { '& > a': {
            color: historyPalettes[HistoryOperations.updateAttribute].color
        } }),
    insertAttribute: __assign(__assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]), { '& > a': {
            color: historyPalettes[HistoryOperations.insertAttribute].color
        } }),
    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]), { '& > a': {
            color: historyPalettes[HistoryOperations.deleteAttribute].color
        } }),
    multilineAttribute: {
        width: 'fit-content'
    },
    ovFalse: theme.inactive
}); });
