import { getTranslations } from "next-intl/server";
import { Sparkles } from "lucide-react";
import { cn } from "@/lib/utils";

/**
 * L17 Pakete: quiet hint "Im Paket Profi enthalten" instead of an error page — shown when a page of a
 * module/feature outside the tenant's package tier was opened (redirect `/dashboard?module=profi`).
 * Text + icon, colours only via tokens.
 */
export async function ProfiHint({ className, compact = false }: { className?: string; compact?: boolean }) {
  const t = await getTranslations("plans");
  return (
    <div role="status" className={cn("mb-4 flex items-start gap-3 rounded-lg border bg-card px-4 py-3 text-sm", className)}>
      <Sparkles className="mt-0.5 size-4.5 shrink-0 text-[var(--ui-primary)]" aria-hidden />
      <div>
        <p className="font-semibold">{t("profiHint.title")}</p>
        {!compact && <p className="text-muted-foreground">{t("profiHint.text")}</p>}
      </div>
    </div>
  );
}