import green from '@material-ui/core/colors/green';
import amber from '@material-ui/core/colors/amber';
import IconButton from '@material-ui/core/IconButton';
import SnackbarContent from '@material-ui/core/SnackbarContent';
import {withStyles} from '@material-ui/core/styles';
import CheckCircleIcon from '@material-ui/icons/CheckCircle';
import CloseIcon from '@material-ui/icons/Close';
import ErrorIcon from '@material-ui/icons/Error';
import InfoIcon from '@material-ui/icons/Info';
import WarningIcon from '@material-ui/icons/Warning';
import clsx from 'clsx';
import PropTypes from 'prop-types';
import * as React from 'react';

const variantIcon = {
    success: CheckCircleIcon,
    warning: WarningIcon,
    error: ErrorIcon,
    info: InfoIcon,
};

const styles = (theme) => ({
    success: {
        backgroundColor: green[600],
    },
    error: {
        backgroundColor: theme.palette.error.dark,
    },
    info: {
        backgroundColor: theme.palette.primary.dark,
    },
    warning: {
        backgroundColor: amber[700],
    },
    icon: {
        fontSize: 20,
    },
    iconVariant: {
        opacity: 0.9,
        marginRight: theme.spacing(1),
    },
    message: {
        display: 'flex',
        alignItems: 'center',
    },
});

function SnackbarContentWrapper(props) {
    const {classes, className, message, onClose, variant, ...other} = props;
    const Icon = variantIcon[variant];

    return (
        <SnackbarContent
            className={clsx(classes[variant], className)}
            aria-describedby="client-snackbar"
            message={
                <span id="client-snackbar" className={classes.message}>
                    <Icon className={clsx(classes.icon, classes.iconVariant)} />
                    {message}
                </span>
            }
            action={[
                <IconButton
                    key="close"
                    aria-label="Close"
                    color="inherit"
                    className={classes.close}
                    onClick={onClose}
                >
                    <CloseIcon className={classes.icon} />
                </IconButton>,
            ]}
            {...other}
        />
    );
}

SnackbarContentWrapper.propTypes = {
    classes: PropTypes.object.isRequired,
    className: PropTypes.string,
    message: PropTypes.node,
    onClose: PropTypes.func,
    variant: PropTypes.oneOf(['success', 'warning', 'error', 'info']).isRequired,
};

export default withStyles(styles)(SnackbarContentWrapper);

@@ -1,108 +1,4 @@
-import green from '@material-ui/core/colors/green';%0Aimport amber from '@material-ui/core/colors/amber';%0A
 impo
@@ -721,18 +721,34 @@
 or: 
-green%5B600%5D
+theme.palette.success.main
 ,%0A  
@@ -810,20 +810,20 @@
 e.error.
-dark
+main
 ,%0A    %7D,
@@ -878,20 +878,17 @@
 tte.
-primary.dark
+info.main
 ,%0A  
@@ -936,18 +936,111 @@
 or: 
-amber%5B700%5D
+theme.palette.warning.main,%0A    %7D,%0A    message: %7B%0A        display: 'flex',%0A        alignItems: 'center'
 ,%0A  
@@ -1082,34 +1082,8 @@
 20,%0A
-    %7D,%0A    iconVariant: %7B%0A
     
@@ -1154,78 +1154,22 @@
     
-message: %7B%0A        display: 'flex',%0A        alignItems: 'center',%0A    
+closeButton: %7B
 %7D,%0A%7D
@@ -1600,29 +1600,24 @@
  className=%7B
-clsx(
 classes.icon
@@ -1620,30 +1620,8 @@
 icon
-, classes.iconVariant)
 %7D /%3E
@@ -1886,24 +1886,30 @@
 lasses.close
+Button
 %7D%0A          
@@ -2391,16 +2391,47 @@
 s(styles
+, %7Bname: 'MuiDropzoneSnackbar'%7D
 )(Snackb

Add MUI Theme support to 'SnackbarContentWrapper' component