"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
    container: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'space-between',
        width: '100%'
    },
    placeholder: {
        flex: 1
    },
    stepper: {
        padding: '0 24px',
        flex: 2
    },
    stepButton: {
        margin: '-20px -16px',
        padding: '20px 16px',
        '& svg text': {
            textAnchor: 'middle'
        }
    },
    buttons: {
        flex: 1,
        display: 'flex',
        justifyContent: 'flex-end'
    },
    backButton: {
        marginRight: '8px',
        border: '1px solid rgba(0, 0, 0, 0.23)'
    },
    errorLabel: {
        color: '#dd2c00 !important'
    },
    warningLabel: {
        color: '#f9a825 !important'
    }
}); });
