import apollo_core from "@uipath/apollo-core";
const MuiAutocomplete = (palette)=>({
        root: {
            color: palette.semantic.colorForeground,
            '&.Mui-disabled': {
                color: palette.semantic.colorForegroundDisable
            },
            '& .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"]': {
                paddingTop: '2.38px',
                paddingBottom: '2px'
            }
        },
        paper: {
            boxShadow: apollo_core.Shadow.ShadowDp8,
            background: palette.semantic.colorBackgroundRaised,
            fontSize: '14px'
        },
        noOptions: {
            overflow: 'hidden',
            textWrap: 'nowrap',
            textOverflow: 'ellipsis'
        },
        option: {
            background: palette.semantic.colorBackgroundRaised,
            fontSize: apollo_core.FontFamily.FontMSize,
            lineHeight: apollo_core.FontFamily.FontMLineHeight,
            '&.MuiAutocomplete-option.Mui-focusVisible': {
                outline: `${apollo_core.Stroke.StrokeM} solid ${palette.semantic.colorPrimaryFocused}`,
                outlineOffset: '-2px'
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorBackgroundHover,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&:focus': {
                backgroundColor: palette.semantic.colorBackgroundHover,
                color: palette.semantic.colorForegroundDeEmp,
                outline: `${apollo_core.Stroke.StrokeM} solid ${palette.semantic.colorPrimaryFocused}`,
                outlineOffset: '-2px'
            },
            '&.MuiAutocomplete-option.MuiAutocomplete-option[aria-selected="true"]': {
                boxShadow: `inset 4px 0px 0px ${palette.semantic.colorSelectionIndicator}`,
                backgroundColor: palette.semantic.colorBackgroundSelected,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&.MuiAutocomplete-option.MuiAutocomplete-option[aria-selected="true"]:hover': {
                boxShadow: `inset 4px 0px 0px ${palette.semantic.colorSelectionIndicator}`,
                backgroundColor: palette.semantic.colorBackgroundSelected,
                color: palette.semantic.colorForegroundDeEmp
            },
            '&.MuiAutocomplete-option.MuiAutocomplete-option[aria-selected="true"].Mui-focused': {
                outline: `${apollo_core.Stroke.StrokeM} solid ${palette.semantic.colorPrimaryFocused}`,
                outlineOffset: '-2px'
            }
        },
        groupUl: {
            background: palette.semantic.colorBackgroundRaised,
            boxShadow: apollo_core.Shadow.ShadowDp8
        }
    });
export { MuiAutocomplete };
