"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    root: function (_a) {
        var isEditing = _a.isEditing;
        return ({
            padding: isEditing ? '6px 6px 6px 0' : ' 6px 6px 6px 8px',
            borderRadius: '4px',
            backgroundColor: isEditing ? 'transparent' : 'rgba(0,114,206,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'
        }
    }
});
