spb/polyllm

1import * as React from "react";2import { cva, type VariantProps } from "class-variance-authority";3import { cn } from "@/lib/utils";45const badgeVariants = cva("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium leading-4 whitespace-nowrap [&_svg]:size-3", {6  variants: {7    variant: {8      default: "border-border bg-bg-subtle text-fg-muted",9      outline: "border-border-strong text-fg-muted bg-transparent",10      accent: "border-transparent bg-accent-soft text-accent",11      success: "border-transparent bg-success-soft text-success",12      warning: "border-transparent bg-warning-soft text-warning",13      danger: "border-transparent bg-danger-soft text-danger",14      info: "border-transparent bg-info-soft text-info",15      solid: "border-transparent bg-fg text-bg",16    },17  },18  defaultVariants: { variant: "default" },19});2021export function Badge({ className, variant, ...props }: React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>) {22  return <span className={cn(badgeVariants({ variant }), className)} {...props} />;23}24