services/workbench2/src/components/warning-collection/warning-collection.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from "react";
   6 import { WarningIcon } from "components/icon/icon";
   7 import { CustomStyleRulesCallback } from 'common/custom-theme';
   8 import { DialogContentText } from "@mui/material";
   9 import { WithStyles } from '@mui/styles';
  10 import withStyles from '@mui/styles/withStyles';
  11 import { ArvadosTheme } from 'common/custom-theme';
  12
  13 type CssRules = 'container' | 'text';
  14
  15 const styles: CustomStyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  16     container: {
  17         display: 'flex',
  18         alignItems: 'center',
  19     },
  20     text: {
  21         paddingLeft: '8px'
  22     }
  23 });
  24
  25 interface WarningCollectionProps {
  26     text: string;
  27 }
  28
  29 export const WarningCollection = withStyles(styles)(({ classes, text }: WarningCollectionProps & WithStyles<CssRules>) =>
  30     <span className={classes.container}>
  31         <WarningIcon />
  32         <DialogContentText className={classes.text}>{text}</DialogContentText>
  33     </span>);