import apollo_core from "@uipath/apollo-core";
const MuiIconButton = (palette)=>({
        root: {
            padding: apollo_core.Padding.PadL,
            '&&:hover': {
                backgroundColor: palette.semantic.colorIconButtonHover
            },
            '&&:focus-visible': {
                boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
            },
            '&.MuiIconButton-colorPrimary:not(.Mui-disabled)': {
                color: palette.semantic.colorPrimary
            },
            '&.MuiIconButton-colorSecondary:not(.Mui-disabled)': {
                color: palette.semantic.colorIconDefault,
                '&&:hover': {
                    backgroundColor: palette.semantic.colorIconButtonHover
                },
                '&&:focus-visible': {
                    backgroundColor: palette.semantic.colorIconButtonHover,
                    outline: `${palette.semantic.colorFocusIndicator} solid 2px !important`
                },
                '&&:active': {
                    backgroundColor: palette.semantic.colorIconButtonPressed
                }
            },
            '&.MuiIconButton-sizeSmall': {
                width: apollo_core.Spacing.SpacingL,
                height: apollo_core.Spacing.SpacingL
            },
            '&.MuiIconButton-sizeMedium': {
                width: apollo_core.Spacing.SpacingXl,
                height: apollo_core.Spacing.SpacingXl
            },
            '&.MuiIconButton-sizeLarge': {
                width: apollo_core.Spacing.SpacingXxl,
                height: apollo_core.Spacing.SpacingXxl
            },
            '&.Mui-disabled': {
                color: palette.semantic.colorForegroundDisable
            }
        }
    });
export { MuiIconButton };
