"use client";

import { Badge } from "@/components/ui/badge";
import { cn } from "@/lib/utils";
import { useLanguage } from "@/lib/i18n/context";

/** Rendered wherever a demo-sourced product appears — per the Phase 5 spec,
 * demo data must never be visually indistinguishable from a real source. */
export function DemoBadge({ className }: { className?: string }) {
  const { t } = useLanguage();
  return (
    <Badge variant="outline" className={cn("border-warning/30 bg-warning/15 text-warning", className)}>
      {t.productData.demo}
    </Badge>
  );
}