12 lines · 383 B
import { Badge } from "~/ui/Badge";
import { cn } from "~/utils/cn";

/** The small badge supporters (Pro, or a card on file) wear on their profile and in the user menu. */
export function ProBadge({ className }: { className?: string }) {
  return (
    <Badge tone="accent" className={cn("px-1.5 py-0 text-[10px] tracking-wide uppercase", className)}>
      Pro
    </Badge>
  );
}