import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    complexWrapper: {
        position: 'relative',
        whiteSpace: 'break-spaces'
    },
    editor: {
        display: 'flex',
        flex: 1,
        height: '36px',
        alignItems: 'center'
    },
    label: {
        flex: 1,
        marginLeft: '2px',
        marginTop: '2px',
        fontSize: '13px',
        lineHeight: '15px'
    },
    actions: {
        display: 'flex',
        alignItems: 'center'
    },
    titleContainer: {
        display: 'flex',
        flex: 1,
        minHeight: '20px'
    },
    expandButton: {
        marginTop: '2px'
    },
    deleted: {
        color: theme.palette.text.secondary,
        textDecoration: 'line-through'
    },
    editedLabel: {
        fontStyle: 'italic',
        color: theme.palette.text.secondary
    },
    errorWrapperHelperText: {
        marginLeft: 0
    }
}); });
