components StatItem.tsx

100% Statements 2/2

100% Branches 2/2

100% Functions 1/1

100% Lines 2/2

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  
 
 
 
 
 
 
 
 
1x
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { Tooltip } from "./Tooltip";
 
interface StatItemProps {
  label: string;
  value: string | React.ReactNode;
  tooltip?: string;
}
 
export const StatItem: React.FC<StatItemProps> = ({ label, value, tooltip }) => (
  <div className="bg-white/50 rounded-lg p-3">
    <p className="text-xs text-gray-500 mb-1 font-medium">
      {tooltip ? (
        <Tooltip content={tooltip} position="top">
          <span className="inline-flex items-center gap-1 cursor-help">
            {label}
            <span className="text-gray-400">ℹ️</span>
          </span>
        </Tooltip>
      ) : (
        label
      )}
    </p>
    <p className="text-sm font-bold text-gray-900">{value}</p>
  </div>
);