"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var mdm_sdk_1 = require("@reltio/mdm-sdk");
var BORDER_WIDTH = '3px';
var CROSS_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"stroke: #D1051E; stroke-width: 1\" viewBox=\"0 0 114 114\">\n\t<line x1=\"5\" y1=\"109\" x2=\"109\" y2=\"5\" />\n</svg>";
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    image: function (_a) {
        var imageMargin = _a.imageMargin, imageHeight = _a.imageHeight, imageWidth = _a.imageWidth;
        return {
            marginRight: imageMargin,
            width: imageWidth,
            height: imageHeight,
            cursor: 'pointer',
            '&:last-child': {
                marginRight: 0
            }
        };
    },
    deleteAttributeImage: {
        position: 'relative',
        '&:before': {
            content: "''",
            position: 'absolute',
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            background: "url('".concat((0, mdm_sdk_1.svg2Url)(CROSS_ICON), "') no-repeat"),
            backgroundColor: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].backgroundColor,
            pointerEvents: 'none'
        }
    },
    updateAttributeImage: {
        position: 'relative',
        '&:before': {
            content: "''",
            position: 'absolute',
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            backgroundColor: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].backgroundColor,
            pointerEvents: 'none'
        }
    },
    deleteAttribute: function (_a) {
        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
        return {
            width: imageWidth,
            height: imageHeight,
            boxSizing: 'border-box',
            outline: "".concat(BORDER_WIDTH, " solid ").concat(mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].color),
            outlineOffset: "-".concat(BORDER_WIDTH)
        };
    },
    insertAttribute: function (_a) {
        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
        return {
            width: imageWidth,
            height: imageHeight,
            boxSizing: 'border-box',
            outline: "".concat(BORDER_WIDTH, " solid ").concat(mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute].color),
            outlineOffset: "-".concat(BORDER_WIDTH)
        };
    },
    updateAttribute: function (_a) {
        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
        return {
            width: imageWidth,
            height: imageHeight,
            boxSizing: 'border-box',
            outline: "".concat(BORDER_WIDTH, " solid ").concat(mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].color),
            outlineOffset: "-".concat(BORDER_WIDTH)
        };
    },
    number: {
        color: theme.palette.primary.main,
        fontSize: '24px',
        lineHeight: '42px',
        letterSpacing: 0,
        padding: '36px 8px',
        textAlign: 'center',
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        textOverflow: 'ellipsis'
    }
}); });
