import { Badge } from "@/components/ui/badge";
import { IS_PRO } from "@/lib/env";
import { __ } from "@wordpress/i18n";

/**
 * Black "Pro" badge next to Pro features in Free. Hidden once Pro is
 * active: everything is unlocked, so it would only add noise.
 */
export function ProBadge({ label }) {
  if (IS_PRO) {
    return null;
  }

  return (
    <Badge className="ino:bg-foreground ino:text-background">
      {label ?? __("Pro", "product-comparison-for-woocommerce")}
    </Badge>
  );
}

/**
 * Amber "Coming soon" badge for planned features that aren't built yet
 * (Analytics, AI). Shown in Free and Pro.
 */
export function ComingSoonBadge() {
  return (
    <Badge className="ino:bg-amber-100 ino:text-amber-900">
      {__("Coming soon", "product-comparison-for-woocommerce")}
    </Badge>
  );
}