components StatsBar.tsx

100% Statements 2/2

100% Branches 4/4

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  
 
 
 
 
 
 
2x
 
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
 
interface StatsBarProps {
  totalCount: number;
  selectedCount: number;
}
 
export const StatsBar: React.FC<StatsBarProps> = ({
  totalCount,
  selectedCount,
}) => (
  <div className="flex items-center justify-between text-sm mb-4">
    <p className="text-gray-600 font-medium">
      {totalCount} promotion{totalCount !== 1 ? "s" : ""} available
    </p>
    {selectedCount > 0 && (
      <div className="flex items-center gap-2 animate-in fade-in slide-in-from-right-2 duration-200">
        <span className="bg-blue-500 text-white px-2.5 py-1 rounded-full text-xs font-bold">
          {selectedCount}
        </span>
        <span className="text-blue-600 font-semibold">selected</span>
      </div>
    )}
  </div>
);