import apollo_core from "@uipath/apollo-core";
const MuiListItemButton = (palette)=>({
        root: {
            fontStyle: 'normal',
            fontWeight: 'normal',
            fontSize: apollo_core.FontFamily.FontMSize,
            lineHeight: apollo_core.FontFamily.FontMLineHeight,
            color: palette.semantic.colorForegroundDeEmp,
            '&.header': {
                color: palette.semantic.colorForeground,
                fontWeight: apollo_core.FontFamily.FontWeightSemibold,
                padding: `${apollo_core.Padding.PadXl} ${apollo_core.Padding.PadXxxl} ${apollo_core.Padding.PadXl} ${apollo_core.Padding.PadXxxl}`,
                fontStyle: 'normal',
                fontFamily: apollo_core.FontFamily.FontNormal,
                fontSize: apollo_core.FontFamily.FontMSize,
                lineHeight: apollo_core.FontFamily.FontMLineHeight
            },
            '&.notification-header': {
                padding: `${apollo_core.Padding.PadXxl} ${apollo_core.Padding.PadXxxl}`,
                display: 'flex',
                flexDirection: 'row',
                alignItems: 'center',
                justifyContent: 'space-between',
                color: palette.semantic.colorForeground,
                fontFamily: apollo_core.FontFamily.FontNormal,
                fontSize: apollo_core.FontFamily.FontLSize,
                lineHeight: apollo_core.FontFamily.FontLLineHeight,
                fontWeight: apollo_core.FontFamily.FontWeightSemibold
            },
            '& .notification-bubble': {
                width: '8px',
                height: '8px',
                background: palette.semantic.colorNotificationIndicator,
                borderRadius: '100%',
                marginLeft: '24px',
                marginBottom: '16px'
            },
            '&.notification-item': {
                display: 'flex',
                flexDirection: 'row',
                alignItems: 'center'
            },
            '& .notification-title': {
                fontStyle: 'normal',
                fontFamily: apollo_core.FontFamily.FontNormal,
                fontWeight: 'normal',
                fontSize: apollo_core.FontFamily.FontMSize,
                lineHeight: apollo_core.FontFamily.FontMLineHeight,
                color: palette.semantic.colorForeground,
                textOverflow: 'ellipsis',
                whiteSpace: 'nowrap',
                overflow: 'hidden',
                marginTop: '6px',
                marginBottom: '4px'
            },
            '& .notification-subtitle': {
                fontStyle: 'normal',
                fontFamily: apollo_core.FontFamily.FontNormal,
                fontWeight: 'normal',
                fontSize: apollo_core.FontFamily.FontSSize,
                lineHeight: apollo_core.FontFamily.FontSLineHeight,
                color: palette.semantic.colorForegroundDeEmp,
                marginBottom: '6px'
            },
            '& .notification-container': {
                fontFamily: apollo_core.FontFamily.FontNormal,
                marginRight: 'auto'
            },
            '&.footer': {
                padding: `${apollo_core.Padding.PadXl} ${apollo_core.Padding.PadXxxl}`,
                textAlign: 'center',
                justifyContent: 'center',
                '& a': {
                    fontFamily: apollo_core.FontFamily.FontNormal,
                    fontSize: apollo_core.FontFamily.FontMSize,
                    lineHeight: apollo_core.FontFamily.FontMLineHeight
                }
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorBackgroundHover,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&:focus': {
                backgroundColor: palette.semantic.colorBackgroundHover,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&:active': {
                backgroundColor: palette.semantic.colorBackgroundPressed,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&.Mui-selected.Mui-selected.Mui-selected': {
                boxShadow: `inset 4px 0px 0px ${palette.semantic.colorSelectionIndicator}`,
                backgroundColor: palette.semantic.colorBackgroundSelected,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&.Mui-selected:hover': {
                boxShadow: `inset 4px 0px 0px ${palette.semantic.colorSelectionIndicator}`,
                backgroundColor: palette.semantic.colorBackgroundSelected,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&.Mui-selected:focus': {
                outline: `${apollo_core.Stroke.StrokeM} solid ${palette.semantic.colorPrimaryFocused}`
            },
            '&.MuiListItemButton-divider': {
                borderColor: palette.semantic.colorBorderDeEmp
            }
        }
    });
export { MuiListItemButton };
