Canvas FlowsheetCanvasLoadingOverlay.tsx

83.33% Statements 5/6

50% Branches 1/2

50% Functions 1/2

100% Lines 3/3

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  
 
115x
115x
 
 
 
 
 
 
 
 
 
 
 
 
115x
 
 
 
  import { Loader2 } from "lucide-react";
 
const FlowsheetCanvasLoadingOverlay = () => (
  <div
    aria-label="Loading flowsheet canvas"
    className="pointer-events-none absolute inset-0 flex items-center justify-center"
  >
    <Loader2
      aria-hidden="true"
      className="animate-spin text-primary opacity-70"
      strokeWidth={1.1}
      style={{
        height: "clamp(120px, 15vmin, 176px)",
        width: "clamp(120px, 15vmin, 176px)",
      }}
    />
  </div>
);
 
export default FlowsheetCanvasLoadingOverlay;