category-group BulkWarningBadge.tsx

0% Statements 0/6

100% Branches 1/1

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { AlertTriangle } from "lucide-react";
import type { ReactNode } from "react";
import { Badge } from "@/ahuora-design-system/ui/badge";
 
export function BulkWarningBadge({ children }: { children: ReactNode }) {
  return (
    <Badge
      variant="outline"
      size="xs"
      borderRadius="round"
      className="gap-1 border-amber-500/25 bg-amber-500/10 text-amber-700 hover:bg-amber-500/10 dark:text-amber-300"
    >
      <AlertTriangle className="size-3" aria-hidden="true" />
      {children}
    </Badge>
  );
}