src/components/default-code-snippet/default-code-snippet.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
   7 import { CodeSnippet, CodeSnippetDataProps } from '~/components/code-snippet/code-snippet';
   8 import grey from '@material-ui/core/colors/grey';
   9
  10 const theme = createMuiTheme({
  11     overrides: {
  12         MuiTypography: {
  13             body1: {
  14                 color: grey["900"]
  15             },
  16             root: {
  17                 backgroundColor: grey["200"]
  18             }
  19         }
  20     },
  21     typography: {
  22         fontFamily: 'monospace'
  23     }
  24 });
  25
  26 export const DefaultCodeSnippet = (props: CodeSnippetDataProps) =>
  27     <MuiThemeProvider theme={theme}>
  28         <CodeSnippet {...props} />
  29     </MuiThemeProvider>;