debugger DebuggerUsageCard.tsx

100% Statements 7/7

100% Branches 2/2

100% Functions 1/1

100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34 2x
2x
2x
 
 
 
2x
 
 
 
 
 
 
 
2x
 
 
 
 
10x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { type ReactNode } from "react";
import { Card } from "ui/cards/Card";
import {
  StyledDebuggerUsageCardHeader,
  StyledDebuggerUsageCardTitle,
} from "./style";
import { FlexGrow } from "ui/spacing/Spacing";
 
interface DebuggerUsageCardProps {
  readonly title: ReactNode;
  readonly toolbar?: ReactNode;
  readonly children: ReactNode;
}
 
export const DebuggerUsageCard = ({
  title,
  toolbar,
  children,
}: DebuggerUsageCardProps) => (
  <Card>
    <StyledDebuggerUsageCardHeader>
      <StyledDebuggerUsageCardTitle>{title}</StyledDebuggerUsageCardTitle>
      {toolbar && (
        <>
          <FlexGrow />
          {toolbar}
        </>
      )}
    </StyledDebuggerUsageCardHeader>
 
    {children}
  </Card>
);