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';
var fontSize = '13px';
var lineHeight = '16px';
var commonStyles = {
    titleRow: {
        display: 'inline-block',
        minHeight: '16px'
    },
    title: {
        wordBreak: 'break-all',
        verticalAlign: 'middle'
    },
    ovIcon: {
        marginLeft: '8px',
        textIndent: 0
    },
    descriptionIcon: {
        textIndent: 0
    }
};
export var useStyles = makeStyles({
    paddingWrapper: {
        paddingTop: '3px',
        paddingBottom: '5px',
        '&:last-child': {
            paddingBottom: '2px'
        }
    },
    paddingWrapperWithLines: {
        paddingBottom: '1px',
        '&:last-child': {
            paddingBottom: '2px'
        }
    }
});
export var useOneLineStyles = makeStyles(__assign({ wrapper: {
        fontSize: fontSize,
        lineHeight: lineHeight
    }, collaborationWrapper: {
        display: 'flex',
        alignItems: 'start',
        minHeight: '18px',
        justifyContent: 'space-between'
    }, attribute: {
        marginLeft: '8px',
        paddingLeft: '4px',
        paddingRight: '4px',
        display: 'inline',
        overflow: 'hidden',
        whiteSpace: 'pre-wrap',
        wordBreak: 'break-word'
    }, titleIcon: {
        width: '16px',
        height: '16px',
        marginRight: '8px',
        marginLeft: '1px',
        color: 'rgba(0, 0, 0, 0.38)',
        verticalAlign: 'middle'
    } }, commonStyles));
export var useMultiLineStyles = makeStyles(__assign({ wrapper: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'flex-start',
        fontSize: fontSize,
        lineHeight: lineHeight
    }, attribute: {
        '&:last-child': {
            marginBottom: 0
        },
        paddingLeft: '4px',
        paddingRight: '4px',
        marginLeft: '5px',
        marginBottom: '4px',
        whiteSpace: 'pre-wrap',
        wordBreak: 'break-word'
    }, attributes: {
        alignSelf: 'stretch'
    }, titleRow: __assign(__assign({}, commonStyles.titleRow), { marginBottom: '3px' }) }, commonStyles));
export var useEmptyStyles = makeStyles(__assign({ wrapper: {
        fontSize: fontSize,
        lineHeight: lineHeight
    } }, commonStyles));
