1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
7 import { ArvadosTheme } from '../../common/custom-theme';
8 import { ListItemIcon, ListItemText, Typography } from '@material-ui/core';
9 import { IconType } from '../icon/icon';
10 import * as classnames from "classnames";
12 export interface ListItemTextIconDataProps {
19 type ListItemTextIconProps = ListItemTextIconDataProps & WithStyles<CssRules>;
21 class ListItemTextIcon extends React.Component<ListItemTextIconProps, {}> {
23 const { classes, isActive, hasMargin, name, icon: Icon } = this.props;
25 <Typography component='span' className={classes.root}>
26 <ListItemIcon className={classnames({
27 [classes.hasMargin]: hasMargin,
28 [classes.active]: isActive
32 <ListItemText primary={
33 <Typography variant='body1' className={classnames(classes.listItemText, {
34 [classes.active]: isActive
44 type CssRules = 'root' | 'listItemText' | 'hasMargin' | 'active';
46 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
55 color: theme.palette.primary.main,
62 export default withStyles(styles)(ListItemTextIcon);