Function ActiveBadge

apps/webapp/app/components/ActiveBadge.tsx:16–31

({ active, className, badgeSize = "normal" }: ActiveBadgeProps)

};

export function ActiveBadge({ active, className, badgeSize = "normal" }: ActiveBadgeProps) {
  switch (active) {
    case true:
      return (
        <span className={cn(variant[badgeSize], "bg-charcoal-800 text-green-500", className)}>
          Active
        </span>
      );
    case false:
      return (
        <span className={cn(variant[badgeSize], "bg-charcoal-800 text-text-dimmed", className)}>
          Disabled
        </span>
      );
  }
}

export function MissingIntegrationBadge({
  className,