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         useNextVariants: true,
  24     }
  25 });
  26
  27 export const DefaultCodeSnippet = (props: CodeSnippetDataProps) =>
  28     <MuiThemeProvider theme={theme}>
  29         <CodeSnippet {...props} />
  30     </MuiThemeProvider>;