go.mondoo.com/cnquery@v0.0.0-20231005093811-59568235f6ea/providers-sdk/v1/resources/docs/index.tsx (about)

     1  /**
     2   * Copyright (c) Mondoo, Inc.
     3   * SPDX-License-Identifier: BUSL-1.1
     4   */
     5  
     6  import * as React from 'react';
     7  import { render } from 'react-dom';
     8  import styled, { ThemeProvider } from 'styled-components';
     9  import 'whatwg-fetch';
    10  import { LrDocs } from './src/lrdocs/lrdocs';
    11  
    12  const theme = {
    13    colors: {
    14      primary: "#ff61a9",
    15      secondary: "#61fff9",
    16      fg: "#fff",
    17      bg: "#444",
    18      bgDarker: "#2b2b2b",
    19    },
    20    shadows: {
    21      default: "3px 3px 10px #111",
    22    },
    23  };
    24  
    25  const Background = styled.div`
    26    background: ${props => props.theme.colors.bg};
    27    color: ${props => props.theme.colors.fg};
    28    font-family: "Inconsolata", monospace;
    29    position: fixed;
    30    top: 0;
    31    left: 0;
    32    right: 0;
    33    bottom: 0;
    34  `;
    35  
    36  type AppState = {}
    37  class App extends React.Component<{}, AppState> {
    38    state: AppState = {}
    39  
    40    render() {
    41      return (
    42        <ThemeProvider theme={theme}>
    43          {this.renderThemed.bind(this)()}
    44        </ThemeProvider>
    45      )
    46    }
    47  
    48    renderThemed() {
    49      return (
    50        <Background>
    51          <div style={{height: "100%", overflow: "auto"}}>
    52            <LrDocs />
    53          </div>
    54        </Background>
    55      )
    56    }
    57  }
    58  
    59  render(
    60    <App />,
    61    document.getElementById('root')
    62  )