import { alpha } from "@mui/material";
import apollo_core, { FontFamily } from "@uipath/apollo-core";
const MuiDialog = (palette)=>({
        root: {
            '&.alert': {
                '& .MuiDialog-paper': {
                    width: '412px'
                },
                '& .container': {
                    display: 'flex',
                    justifyItems: 'baseline'
                },
                '& .alert-icon': {
                    width: '40px',
                    height: '40px',
                    marginRight: '20px'
                },
                '& .title': {
                    marginTop: '10px'
                },
                '& .alert-button': {
                    height: '32px'
                },
                '& .warning': {
                    color: palette.semantic.colorWarningIcon
                },
                '& .info': {
                    color: palette.semantic.colorInfoForeground
                },
                '& .error': {
                    color: palette.semantic.colorErrorIcon
                },
                '& .success': {
                    color: palette.semantic.colorSuccessIcon
                },
                '& .MuiDialogTitle-root': {
                    '& .MuiTypography-h6': {
                        fontFamily: FontFamily.FontNormal,
                        fontStyle: 'normal',
                        fontWeight: apollo_core.FontFamily.FontWeightSemibold,
                        fontSize: apollo_core.FontFamily.FontHeader4Size,
                        lineHeight: apollo_core.FontFamily.FontHeader4LineHeight,
                        color: palette.semantic.colorForeground
                    },
                    padding: `0px 0px ${apollo_core.Padding.PadXxxl} 0px`
                },
                '& .MuiDialogContent-root': {
                    '& .MuiDialogContentText-root': {
                        fontFamily: FontFamily.FontNormal,
                        fontStyle: 'normal',
                        fontWeight: 'normal',
                        fontSize: apollo_core.FontFamily.FontMSize,
                        lineHeight: apollo_core.FontFamily.FontMLineHeight,
                        color: palette.semantic.colorForeground
                    },
                    padding: `0px 0px ${apollo_core.Padding.PadXxxl} 0px`
                }
            },
            '& .MuiBackdrop-root': {
                backgroundColor: 'transparent'
            },
            '& .MuiDialog-paper': {
                boxShadow: apollo_core.Shadow.ShadowDialogElevation,
                background: palette.semantic.colorBackgroundRaised,
                borderRadius: '3px',
                padding: '24px',
                minHeight: '224px'
            },
            '& .MuiDialogTitle-root': {
                '& .MuiTypography-h6': {
                    fontFamily: FontFamily.FontNormal,
                    fontStyle: 'normal',
                    fontWeight: apollo_core.FontFamily.FontWeightSemibold,
                    fontSize: apollo_core.FontFamily.FontHeader4Size,
                    lineHeight: apollo_core.FontFamily.FontHeader4LineHeight,
                    color: palette.semantic.colorForeground
                },
                padding: `0px 0px ${apollo_core.Padding.PadXxxl} 0px`
            },
            '& .MuiDialogContent-root': {
                '& .MuiDialogContentText-root': {
                    fontFamily: FontFamily.FontNormal,
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: apollo_core.FontFamily.FontMSize,
                    lineHeight: apollo_core.FontFamily.FontMLineHeight,
                    color: palette.semantic.colorForeground,
                    marginBottom: '12px'
                },
                padding: `0px 0px ${apollo_core.Padding.PadXxxl} 0px`
            },
            '& .MuiDialogActions-root': {
                padding: '0px'
            },
            '& .close': {
                float: 'right',
                marginTop: '-8px',
                marginRight: '-8px',
                color: palette.semantic.colorIconDefault,
                width: apollo_core.Icon.IconXs,
                height: apollo_core.Icon.IconXs,
                '&:hover': {
                    backgroundColor: alpha(palette.semantic.colorPrimary, 0.1),
                    borderRadius: '3px'
                }
            }
        }
    });
export { MuiDialog };
