import apollo_core from "@uipath/apollo-core";
const MuiMenuItem = (palette)=>({
        root: {
            fontStyle: 'normal',
            fontWeight: 'normal',
            fontSize: apollo_core.FontFamily.FontMSize,
            lineHeight: apollo_core.FontFamily.FontMLineHeight,
            color: palette.semantic.colorForegroundDeEmp,
            '&&': {
                minHeight: '40px'
            },
            '&.header': {
                color: palette.semantic.colorForeground,
                padding: `${apollo_core.Padding.PadXl} ${apollo_core.Padding.PadXxxl} ${apollo_core.Padding.PadXl} ${apollo_core.Padding.PadXxxl}`,
                fontStyle: 'normal',
                fontSize: apollo_core.FontFamily.FontLSize,
                lineHeight: apollo_core.FontFamily.FontLLineHeight,
                fontWeight: apollo_core.FontFamily.FontWeightSemibold
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorBackgroundHover,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&:focus': {
                backgroundColor: palette.semantic.colorBackgroundHover,
                color: palette.semantic.colorForegroundDeEmp,
                outline: "none"
            },
            '&:focus-visible:after': {
                content: "''",
                border: `${apollo_core.Stroke.StrokeM} solid ${palette.semantic.colorFocusIndicator}`,
                borderRadius: 'inherit',
                position: 'absolute',
                inset: '0px'
            },
            '&: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.Mui-selected.Mui-selected:hover': {
                boxShadow: `inset 4px 0px 0px ${palette.semantic.colorSelectionIndicator}`,
                backgroundColor: palette.semantic.colorBackgroundSelected,
                color: palette.semantic.colorForegroundDeEmp
            }
        }
    });
export { MuiMenuItem };
