import apollo_core from "@uipath/apollo-core";
const MuiTooltip = (palette)=>({
        popper: {
            '.MuiTooltip-tooltip': {
                maxWidth: '288px',
                '&.MuiTooltip-tooltipPlacementBottom': {
                    marginTop: `${apollo_core.Spacing.SpacingMicro} !important`
                },
                '&.MuiTooltip-tooltipPlacementTop': {
                    marginBottom: `${apollo_core.Spacing.SpacingMicro} !important`
                },
                '&.MuiTooltip-tooltipPlacementLeft': {
                    marginRight: `${apollo_core.Spacing.SpacingMicro} !important`
                },
                '&.MuiTooltip-tooltipPlacementRight': {
                    marginLeft: `${apollo_core.Spacing.SpacingMicro} !important`
                }
            }
        },
        tooltip: {
            fontSize: apollo_core.FontFamily.FontSSize,
            lineHeight: apollo_core.FontFamily.FontSLineHeight,
            padding: `${apollo_core.Padding.PadL} ${apollo_core.Padding.PadXxl}`,
            borderRadius: '3px',
            fontWeight: apollo_core.FontFamily.FontWeightSemibold,
            background: palette.semantic.colorBackgroundInverse,
            backgroundColor: palette.semantic.colorBackgroundInverse,
            color: palette.semantic.colorForegroundInverse,
            boxShadow: apollo_core.Shadow.ShadowTooltipElevation,
            '& .container': {
                display: 'flex',
                flexDirection: 'row',
                alignItems: 'center',
                '&-column': {
                    flexDirection: 'column',
                    alignItems: 'flex-start'
                },
                '& .spacer': {
                    marginLeft: '4px'
                },
                '& .icon': {
                    marginLeft: '4px',
                    fontSize: apollo_core.FontFamily.FontLSize,
                    lineHeight: apollo_core.FontFamily.FontSLineHeight,
                    fontWeight: 'normal',
                    color: palette.semantic.colorBackgroundGray
                },
                '& p, .text': {
                    fontWeight: 'bold',
                    margin: '0'
                },
                '& p, .body': {
                    fontWeight: 'normal',
                    margin: '0'
                },
                '& .header': {
                    fontWeight: 'bold'
                }
            }
        }
    });
export { MuiTooltip };
