github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/shared/components/debugAnnotation/index.tsx (about)

     1  // Copyright 2018 The Cockroach Authors.
     2  //
     3  // Use of this software is governed by the Business Source License
     4  // included in the file licenses/BSL.txt.
     5  //
     6  // As of the Change Date specified in that file, in accordance with
     7  // the Business Source License, use of this software will be governed
     8  // by the Apache License, Version 2.0, included in the file
     9  // licenses/APL.txt.
    10  
    11  import React from "react";
    12  
    13  import "./debugAnnotation.styl";
    14  
    15  export interface DebugAnnotationProps {
    16    label: string;
    17    value: string;
    18  }
    19  
    20  /**
    21   * DebugAnnotation is an indicator showing a bit of information on the debug page.
    22   */
    23  export default class DebugAnnotation extends React.Component<DebugAnnotationProps> {
    24    render() {
    25      return (
    26        <h3>
    27          <span className="debug-annotation__label">{ this.props.label }:</span>
    28          {" "}
    29          <span className="debug-annotation__value">{ this.props.value }</span>
    30        </h3>
    31      );
    32    }
    33  }