import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    root: {
        width: '100%'
    },
    image: function (_a) {
        var imageMargin = _a.imageMargin;
        return {
            marginRight: imageMargin,
            cursor: 'pointer',
            '&:last-child': {
                marginRight: 0
            }
        };
    },
    uploadContainer: function (_a) {
        var imageMargin = _a.imageMargin, imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
        return {
            backgroundColor: 'white',
            width: imageWidth,
            height: imageHeight,
            cursor: 'pointer',
            border: "1px dashed ".concat(theme.palette.primary.main),
            boxSizing: 'border-box',
            marginRight: imageMargin,
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            flexShrink: 0
        };
    },
    uploadButton: {
        width: '50px',
        height: '50px'
    },
    uploadIcon: {
        fontSize: '36px'
    }
}); });
