import apollo_core from "@uipath/apollo-core";
const MuiFab = (palette)=>({
        root: {
            backgroundColor: palette.semantic.colorBackground,
            fontSize: apollo_core.FontFamily.FontMSize,
            lineHeight: apollo_core.FontFamily.FontMLineHeight,
            fontWeight: apollo_core.FontFamily.FontWeightSemibold,
            textTransform: 'none',
            '&:focus-visible': {
                outlineOffset: '1px'
            },
            '& .MuiSvgIcon-root': {
                width: '14px',
                height: '14px'
            },
            '&:not(.MuiFab-primary):not(.MuiFab-secondary) .MuiSvgIcon-root': {
                color: palette.semantic.colorForegroundDeEmp
            },
            '&.MuiFab-extended.MuiFab-sizeSmall': {
                height: '40px',
                padding: '0 15px',
                borderRadius: '20px'
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorInfoBackground,
                '& MuiFab-label': {
                    color: palette.semantic.colorBackgroundGray
                }
            },
            '&:focus': {
                backgroundColor: palette.semantic.colorInfoBackground,
                '& MuiFab-label': {
                    color: palette.semantic.colorBackgroundGray
                }
            },
            '&.Mui-disabled': {
                backgroundColor: palette.semantic.colorBackgroundDisabled,
                '& .MuiFab-label': {
                    color: palette.semantic.colorForegroundDisable
                }
            }
        },
        primary: {
            backgroundColor: palette.semantic.colorBackground,
            '& .MuiFab-label': {
                color: palette.semantic.colorPrimary
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorInfoBackground,
                '& MuiFab-label': {
                    color: palette.semantic.colorBackgroundGray
                }
            },
            '&:focus': {
                backgroundColor: palette.semantic.colorInfoBackground,
                '& MuiFab-label': {
                    color: palette.semantic.colorBackgroundGray
                }
            }
        },
        secondary: {
            backgroundColor: palette.semantic.colorPrimary,
            '& .MuiFab-label': {
                color: palette.semantic.colorForegroundOnAccent
            },
            '&:hover': {
                backgroundColor: palette.semantic.colorPrimaryHover,
                '& MuiFab-label': {
                    color: palette.semantic.colorForegroundOnAccent
                }
            },
            '&:focus': {
                backgroundColor: palette.semantic.colorPrimaryHover,
                '& MuiFab-label': {
                    color: palette.semantic.colorForegroundOnAccent
                }
            }
        }
    });
export { MuiFab };
