withStyles(() => ({ theButton: { borderRadius: '36px', display: 'inline-flex', marginBottom: '16px', '&:hover, &:focus': { color: '#fff' } } }))(GitHubButton)
DropTarget(WidgetTypes.MOVE, childTarget, (connect) => ({ connectDropTarget: connect.dropTarget(), }))( withStyles(styles)(MenuItemChildren) )
compose( withStyles(styles), connect(state => ({ error: state.auth.errorLogin }), actions))(LoginPage)
connect(state => { return { open: state.menuOpen }; })(withStyles(styles)(Layout))
withStyles(theme => ({ head: { backgroundColor: theme.palette.common.black, color: theme.palette.common.white, }, body: { fontSize: 14, }, }))(TableCell)
withStyles(styles)(({ classes }) => ( <div className={classes.root}> <TabContainer value={1}> <TabContent label="Item One">Item One Content</TabContent> <TabContent label="Item Two">Item Two Content</TabContent> <TabContent label="Item Three">Item Three Content</TabContent> </TabContainer> </div> ))
withStyles(styles)(({ classes, ...props }) => { const isExtended = React.Children.toArray(props.children).find( child => typeof child === 'string' ); return ( <Fab className={classes.fab} variant={isExtended && 'extended'} {...props} /> ); })
compose( withRouter, withStyles(styles), connect(state => ({ wallets: state.wallet.list, activeWallet: state.wallet.activeWallet }), actions), )(NavBar)
withStyles(styles)( ({ category, classes }) => ( <Suspense fallback={<CircularProgress />}> {categories[category].map((Icon, index) => ( <Icon key={index} className={classes.icon} /> ))} </Suspense> ) )
withStyles(theme => ({ root: { "&:nth-of-type(odd)": { backgroundColor: theme.palette.background.default } } }))(TableRow)
withStyles(styles)( ({ classes, ...props }) => ( <div className={classes.root}> <MyToolbar {...props} /> </div> ) )
withStyles(theme => ({ head: { backgroundColor: "#3b4161", color: theme.palette.common.white }, body: { fontSize: 14 } }))(TableCell)
withStyles((theme) => ({ head: { backgroundColor: theme.palette.common.black, color: theme.palette.common.white, }, body: { fontSize: 14, }, }))(TableCell)
withStyles(theme => ({ head: { backgroundColor: theme.palette.common.black, color: theme.palette.common.white }, body: { fontSize: 14 } }))(TableCell)
withStyles(styles)(({ theme, classes }) => ( <Suspense fallback={<CircularProgress />}> {themes[theme].map((Icon, index) => ( <Icon fontSize="large" key={index} className={classes.icon} /> ))} </Suspense> ))