import { Badge } from "@/components/ui/badge";

/** Small "Pro" indicator for a feature that's locked for the viewer's tier
 * but unlockable by upgrading (as opposed to a feature disabled for every
 * tier, which hides instead of showing this). */
export function ProBadge({ className }: { className?: string }) {
  return (
    <Badge variant="secondary" className={`text-[10px] px-1 py-0 leading-4 ${className ?? ""}`}>
      Pro
    </Badge>
  );
}