import { createStyles , Theme } from '@material-ui/core/styles' ; import { createOutlineCommons , activeGroup } from '../Button/styles' ; export default ( theme ) => createStyles ( { root : { minWidth : '1.5em' , padding : '0 0.3em' , ... createOutlineCommons ( theme ) , '&:active, &$active' : activeGroup ( theme ) } , active : { } , hovered : { } , disabled : { } } ) ;