All files / components NotificationBox.tsx

0% Statements 0/4

0% Branches 0/2

0% Functions 0/1

0% Lines 0/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
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  interface NotificationBoxProps {
  label?: string
  value?: string
  children?: React.ReactNode
  className?: string
}
 
const NotificationBox: React.FC<NotificationBoxProps> = ({
  label,
  value,
  children,
  className,
}) => {
  const spanJsx =
    value !== undefined ? (
      <>
        <span className="font-bold">{label}</span> <span>{value}</span>
      </>
    ) : (
      <></>
    )
  return (
    <div className={`bg-[rgba(30,123,150,0.1)] px-6 py-3 ${className}`}>
      {spanJsx}
      {children}
    </div>
  )
}
 
export default NotificationBox