import { createStyles , Theme } from '@material-ui/core/styles' ; import { createOutlineCommons , activeGroup } from '../Button/styles' ; export default ( theme ) => createStyles ( { root : { '&:active, &$active, &:hover, &$hovered, &:focus, &$focused' : { zIndex : 1 } , '&$group' : { ... createOutlineCommons ( theme ) , '&:active, &$active' : activeGroup ( theme ) } } , active : { } , hovered : { } , focused : { } , disabled : { } , group : { } } ) ;