import { makeStyles } from '@mui/styles';
var marginBottom = 10;
export var useStyles = makeStyles(function (theme) { return ({
    wrapper: {
        width: '100%'
    },
    errorWrapper: {
        alignSelf: 'stretch'
    },
    editor: {
        display: 'flex',
        flex: 1,
        alignItems: 'flex-start',
        marginBottom: "".concat(marginBottom, "px"),
        position: 'relative'
    },
    'editor-value': {
        flex: '1 1 auto'
    },
    'editor-read-only-value': {
        marginLeft: '12px',
        display: 'flex',
        alignItems: 'center',
        color: theme.palette.text.primary
    },
    'editor-actions': {
        display: 'flex',
        alignItems: 'center',
        paddingLeft: '8px'
    },
    addButton: {
        marginRight: '-8px'
    },
    button: {
        color: theme.palette.text.secondary
    },
    placeholder: {
        height: "".concat(40 + marginBottom, "px")
    },
    deleted: {
        color: theme.palette.text.secondary,
        textDecoration: 'line-through'
    },
    editedLabel: {
        fontStyle: 'italic',
        color: theme.palette.text.secondary
    }
}); });
