@elacity-js/uikit/dist/themes/overrides/MuiDialog.js

React / Material UI Design kit for Elacity project

function IconButton(theme) {
    let paperStyles = {};
    let containerStyles = {};
    // eslint-disable-next-line default-case
    switch (theme.palette.mode) {
        case 'light':
            paperStyles = theme.glassy(theme.palette.background.paper, 0.7, 1);
            containerStyles = theme.glassy(theme.palette.grey[50], 0.5, 3);
            break;
        case 'dark':
            paperStyles = theme.glassy(theme.palette.background.paper, 0.7, 1);
            containerStyles = theme.glassy(theme.palette.grey[50], 0.6, 3);
            break;
    }
    return {
        MuiDialog: {
            styleOverrides: {
                paper: Object.assign(Object.assign({ backgroundImage: 'none' }, paperStyles), { backdropFilter: 'blur(4px) opacity(0.9)', WebkitBackdropFilter: 'blur(4px) opacity(0.9)' }),
                container: Object.assign({}, containerStyles),
            },
        },
    };
}

export { IconButton as default };
//# sourceMappingURL=MuiDialog.js.map