DemoBadge index.tsx

0% Statements 0/24

100% Branches 0/0

0% Functions 0/1

0% Lines 0/24

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  interface DemoBadgeProps {
  className?: string;
  size?: "sm" | "md";
}

/**
 * Badge component for marking demo orders
 * Used in order history and admin order lists
 */
export function DemoBadge({ className = "", size = "sm" }: DemoBadgeProps) {
  const sizeClasses = {
    sm: "px-2 py-0.5 text-xs",
    md: "px-3 py-1 text-sm"};

  return (
    <span
      className={`inline-flex items-center rounded-full font-medium bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 ${sizeClasses[size]} ${className}`}
    >
      Demo
    </span>
  );
}

export default DemoBadge;