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
32
33
34
35
36
37
38
39
// @deno-types="npm:@types/react@18.2.60"import * as React from "react";
import { cva, type VariantProps } from "../deps/class-variance-authority.ts";import { cn } from "./utils.ts";
const badgeVariants = cva(  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",  {    variants: {      variant: {        default:          "border-transparent bg-primary text-primary-foreground shadow hover:bg-opacity-80",        secondary:          "border-transparent bg-secondary text-secondary-foreground hover:bg-opacity-80",        destructive:          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-opacity-80",        outline: "text-foreground",      },    },    defaultVariants: {      variant: "default",    },  },);
export interface BadgeProps  extends    React.HTMLAttributes<HTMLDivElement>,    VariantProps<typeof badgeVariants> {}
function Badge({ className, variant, ...props }: BadgeProps) {  return (    <div className={cn(badgeVariants({ variant }), className)} {...props} />  );}
export { Badge, badgeVariants };