"use strict";
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);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var mdm_sdk_1 = require("@reltio/mdm-sdk");
exports.useStyles = (0, styles_1.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' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute]), { '& > a': {
            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].color
        } }),
    insertAttribute: __assign(__assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]), { '& > a': {
            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute].color
        } }),
    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute]), { '& > a': {
            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].color
        } }),
    multilineAttribute: {
        width: 'fit-content'
    },
    ovFalse: theme.inactive
}); });
