34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import { Sparkles } from "lucide-react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
export interface SourceResolvedFoldBadgeProps {
|
|
className?: string;
|
|
title?: string;
|
|
/** When true (default) the leading sparkles icon is rendered. */
|
|
showIcon?: boolean;
|
|
}
|
|
|
|
export function SourceResolvedFoldBadge({
|
|
className,
|
|
title = "System folded this run as a source-resolved false positive.",
|
|
showIcon = true,
|
|
}: SourceResolvedFoldBadgeProps) {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
"inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-(length:--fs-11) font-medium",
|
|
"border-emerald-300/60 bg-emerald-50/80 text-emerald-900",
|
|
"dark:border-emerald-500/30 dark:bg-emerald-500/10 dark:text-emerald-200",
|
|
className,
|
|
)}
|
|
title={title}
|
|
aria-label="Source-resolved watchdog fold"
|
|
>
|
|
{showIcon ? <Sparkles className="h-3 w-3 text-emerald-700 dark:text-emerald-300" aria-hidden /> : null}
|
|
Source-resolved
|
|
</span>
|
|
);
|
|
}
|
|
|
|
export default SourceResolvedFoldBadge;
|