1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
6 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
7 import { ArvadosTheme } from 'common/custom-theme';
8 import { Typography, Switch } from '@material-ui/core';
10 type CssRules = 'container' | 'label' | 'value';
12 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
20 color: theme.palette.grey["500"],
25 paddingLeft: theme.spacing.unit,
29 export interface SubprocessFilterDataProps {
34 onToggle?: () => void;
37 type SubprocessFilterProps = SubprocessFilterDataProps & WithStyles<CssRules>;
39 export const SubprocessFilter = withStyles(styles)(
40 ({ classes, label, value, key, checked, onToggle }: SubprocessFilterProps) =>
41 <div className={classes.container} >
42 <Typography component="span" className={classes.label}>{label}:</Typography>
43 <Typography component="span" className={classes.value}>{value}</Typography>