import apollo_core from "@uipath/apollo-core";
const MuiTab = (palette)=>({
        root: {
            minWidth: '50px',
            '&:not(.tiny):not(.secondary).Mui-selected': {
                paddingBottom: '12px'
            },
            '&:hover:not(.Mui-selected):not(.default)': {
                borderRadius: '3px'
            },
            '&:focus': {
                backgroundColor: 'transparent'
            },
            '&:focus-visible': {
                outline: 'none',
                color: `${palette.semantic.colorPrimary} !important`,
                backgroundColor: palette.semantic.colorSecondaryFocused
            },
            '&.default:focus-visible': {
                boxShadow: `inset 0 -4px 0 0 ${palette.semantic.colorPrimary}`
            },
            '&.tiny:focus-visible': {
                boxShadow: `inset 0 -2px 0 0 ${palette.semantic.colorPrimary}`
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorHover
            },
            '&.default': {
                minHeight: '40px'
            },
            '&.Mui-disabled': {
                color: palette.semantic.colorForegroundDisable
            },
            '&.tiny': {
                minHeight: '22px',
                minWidth: '50px',
                fontWeight: apollo_core.FontFamily.FontWeightSemibold,
                color: palette.semantic.colorForeground,
                padding: `0px ${apollo_core.Padding.PadM}`,
                '&.Mui-selected': {
                    fontWeight: apollo_core.FontFamily.FontWeightSemibold,
                    fontSize: apollo_core.FontFamily.FontMSize,
                    lineHeight: apollo_core.FontFamily.FontMLineHeight,
                    fontStyle: 'normal'
                }
            },
            '&.secondary': {
                minHeight: '0px',
                minWidth: '0px',
                borderRadius: '3px',
                padding: `${apollo_core.Padding.PadM} ${apollo_core.Padding.PadXxl}`,
                margin: apollo_core.Padding.PadXs,
                color: palette.semantic.colorForegroundDeEmp,
                '&:hover:not(.Mui-selected)': {
                    color: palette.semantic.colorForeground
                },
                '&.Mui-selected': {
                    backgroundColor: palette.semantic.colorHover,
                    '&:focus': {
                        backgroundColor: palette.semantic.colorSecondaryFocused
                    }
                }
            }
        },
        textColorPrimary: {
            color: palette.semantic.colorForeground,
            fontWeight: apollo_core.FontFamily.FontWeightSemibold,
            textTransform: 'none',
            '&.Mui-selected': {
                color: palette.semantic.colorPrimary,
                fontSize: apollo_core.FontFamily.FontMSize,
                lineHeight: apollo_core.FontFamily.FontMLineHeight,
                fontStyle: 'normal'
            },
            '&.Mui-disabled': {
                color: palette.semantic.colorForegroundDisable
            }
        }
    });
export { MuiTab };
