import { AlertTriangle } from 'lucide-react';

/**
 * W2B-03: Safe-Refresh Guardrails nudge.
 *
 * Renders verbatim Stage A guardrails copy when the user selects more
 * drafts for publishing than their current SafeRefreshCapService cap allows.
 * Advisory only — the hard enforcement lives server-side.
 *
 * Design: semantic warning/advisory token (F5DS-009), no dynamic brand hex.
 * Copy: verbatim approved string; no causal-recovery language.
 */
interface SafeRefreshNudgeProps {
  /** Number of drafts currently selected for publish. */
  selectedCount: number;
  /** Server-provided safe-refresh cap (SafeRefreshCapService). */
  cap: number;
}

export default function SafeRefreshNudge({ selectedCount, cap }: SafeRefreshNudgeProps) {
  if (selectedCount <= cap) {
    return null;
  }

  return (
    <div
      className="flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-warning-strong"
      role="note"
      aria-live="polite"
    >
      <AlertTriangle className="size-4 shrink-0 mt-0.5" aria-hidden="true" />
      <span>
        Google rewards small batches of genuinely edited pages and penalizes mass-generated ones.
        Your publish limit grows as you actually edit drafts — so refreshes stay surgical, not
        scaled.
      </span>
    </div>
  );
}