import { makeStyles } from '@mui/styles';
import { alpha } from '@mui/material/styles';
export var useStyles = makeStyles(function (theme) { return ({
    root: function (_a) {
        var isEditing = _a.isEditing;
        return ({
            padding: isEditing ? '6px 6px 6px 0' : ' 6px 6px 6px 8px',
            borderRadius: '4px',
            backgroundColor: isEditing ? 'transparent' : alpha(theme.palette.primary.main, 0.06)
        });
    },
    textField: function (_a) {
        var isEditing = _a.isEditing;
        return ({
            width: isEditing ? '100%' : 'calc(100% - 40px)'
        });
    },
    form: {
        marginBottom: 0
    },
    main: {
        display: 'flex',
        alignItems: 'center'
    },
    avatar: {
        marginRight: '8px'
    },
    buttons: function (_a) {
        var isEditing = _a.isEditing;
        return ({ marginLeft: isEditing ? '0' : '40px', marginTop: '8px' });
    },
    button: {
        '& + $button': {
            marginLeft: '8px'
        }
    }
}); });
