button: { color: theme.palette.text.secondary, fontWeight: theme.typography.fontWeightMedium, justifyContent: 'flex-start', letterSpacing: 0, color: theme.palette.primary.main, '& $title': { fontWeight: theme.typography.fontWeightMedium }, '& $icon': {
withStyles(theme => ({ root: { textTransform: "none", fontWeight: theme.typography.fontWeightRegular, marginRight: theme.spacing(4), "&:hover": { color: "#69747f", opacity: 1, }, "&$selected": { color: "#343b40", fontWeight: theme.typography.fontWeightMedium, }, "&:focus": { color: "#868686", }, }, selected: {}, }))(props => <Tab disableRipple {...props} />)